Omnitapps Lobby Manual
™ Omnitapps Lobby 1.0 With this manual you learn everything about Omnitapps Lobby rev: 1.0 1.6 Start here 3 First Start Shutting down Omnitapps Lobby Configurator and custom configurations Configuration selection dropdown Configurator layout 3 4 4 5 5 Omnitapps settings 6 Request Mailer login credentials: 6 Support information: 7 Configuration settings 8 General settings Configuration language Configuration switcher 8 8 8 Menu 9 General settings Menu wheel Menu coverflow Menu grid Menu drag infinite Menu drag Menu metro Menu free placement 9 9 10 10 10 10 11 11 Screensaver 12 General settings Interact box Screensaver slideshow Screensaver welcome 12 12 12 13 Application Icons 14 Tickertape 14 General settings Applications 15 Active applications 15 Configurator 16 General settings 16 MediaSwipe 17 General settings Media menu Navigator 17 17 17 MediaViewer 18 General settings Security settings for browsing the internet. Media Settings Media menu Selection menu E-mail form Print form USB form 18 18 19 20 20 21 22 23 BrochureRequest 24 General settings Media settings Selection menu E-mail form Print form USB form 24 24 25 26 27 28 VideoPlayer 29 General settings Video gallery 29 29 14 2 Start Here First Start After installation you’ll find a new icon on your desktop. This icon starts Omnitapps Lobby Omnitapps Lobby After double clicking this icon Omnitapps Lobby will be started. The following dialog boxes will only be shown at first start after installation. • Step 1: Choose your language. (System language can be chosen in the Omnitapps Settings menu, specific configuration language setting can be changed in Configuration settings under Configuration language sub menu. ) • Step 2: Choose between touch or mouse control. ( This setting can always be changed in the “Omnitapps Settings” menu. ) • Step 3: If you have your licence you can click “Enter Licence” in order to put in your licence and activate. Note: Your computer needs to be connected to the internet in order to activate. When licensing fails please press “Get Support” and fill in your details. • Step 4: After activating your licence you will be prompted to register Omnitapps Lobby. Please be so kind to fill out this form and press register. 3 Start here Shutting down Omnitapps There are several ways to shutdown omnitapps, please us one of the following methods. • Press + to quit Omnitapps directly • Press to display Omnitapps in a small window and press the X on the right side in the window titlebar to quit Omnitapps. • While in the [Run] mode touch the Home-Button location (bottom-left or top-right) and hold for 5 seconds. Omnitapps will prompt with a password popup. This also works on the main menu where no home buttons are displayed. Then press Note: The default password is asdf • While in the [Run] mode touch the . button in the upper-right corner if enabled in configuration. Configurator and custom configurations Omnitapps Lobby saves all configurations in this folder: My Documents\Omnitapps Lobby\ Omnitapps Lobby comes standard with a preconfigured demo configuration to give you an impression of all available applications. Of course you can create your own configuration or change the current configuration. Three methods to access the configurator: 1. From your desktop start Omnitapps Lobby 2. While in [Run] mode press + (external hardware keyboard or windows on screen keyboard required) 3. While in the [Run] mode touch the bottom-left or upper-right corner (Home-Button location) and hold your finger for 5 seconds. Omnitapps will prompt with a password popup. This also works on the main menu where no home buttons are displayed. Then press [Configurator]. In top of the configurator you see buttons for: • [Create] When you want to setup a complete new configuration you press create and choose a new unique name for your configuration. When you [Create] a new configuration you’ll always start with an empty configuration. To add applications to your configuration go to the [Applications] section and press the [Add application] button. Warning! With only one application configured, no menu will be shown! The configuration will start with that application! • [Save] When you have made changes to any item you press save. • [Export] When you want to transfer your configuration to another computer you press export. Then you have to specify a folder ( e.g. your desktop ) where Omnitapps Lobby places the export. The export is a folder with your configuration name. E.g. “YourConfigurationName-export”. Simply copy this folder to another computer with Omnitapps Lobby already installed and copy it to the configurations location. • [Configuration selection dropdown] Here you select your desired configuration. Note: If you run Omnitapps Lobby for the first time you will find only the “Default Content” in the list. • [Show advanced options] With this button you switch on/off the advanced settings (A) to be visible throughout the configurator pages. • [Omnitapps settings] Page that displays some common information and settings (e.g. License information) • [Run] Leave the configurator and go to the menu/start page. • [Main menu Button in the top right and bottom left corners] Leave the configurator and go to the menu/start page. 4 Start here Configuration selection dropdown When you have multiple configurations in your Omnitapps Lobby folder it is possible to “Switch Configurations” from the pulldown menu in the top bar. Configurator layout On the left hand side you see main categories. On the right hand side you see configurable items from the category. Note: You can swipe the left bar and the settings page up and down. 5 Omnitapps settings Omnitapps Settings: • System language: Here you set the language for the configurator. • Enable startup project selector: When checked a menu is shown before Omnitapps starts where you can select a configuration. • Put Omnitapps always on top: This is a common setting to force Omnitapps to be viewed on top of all other windows. • Enable mouse emulation: When checked you can control Omnitapps with a mouse device. Normally Omnitapps can be controlled with multitouch so movable items can be scaled and rotated with multiple touch fingers or multiple users. Note: When you are running Omnitapps in mouse emulation do not use a multi-touch screen to control Omnitapps since it “listens” to singletouch and click events. • Show mouse emulation notifier at startup: When checked Omnitapps shows a popup message at startup when in mouse mode.(as a reminder) When you configure Omnitapps on your local computer with no touchscreen attached you should enable mouse emulation. Afterward when you run your configuration on a touchscreen enabled system the mouse emulation setting is often forgotten thus not turned off. • Windows 8 Charms bar enabled: When checked the Windows 8 charms bar is enabled. Uncheck this to disable the Windows 8 charms bar. When you use Omnitapps on a Windows 8 computer in a public environment you should always uncheck this box. • Start Omnitapps in the configurator: When checked Omnitapps will show the configurator after startup. in a public environment you should always uncheck this box. When unchecked the main menu is shown after startup. (When you have multiple applications configured) • Omnitapps API server ip address/port: Fill in the full ip address from the computer where you installed Omnitapps Lobby. At the PORT field fill in 8080 or other desired port number. After restart Omnitapps the API will be available to communicate by http requests. This API function is highly advanced. Please contact our support department first if you have needs for API control. Contact Support: [email protected] • Omnitapps external server ip address/port: These fields are implemented for future releases of Omnitapps where all data Omnitapps collects will be stored in an external Database Application instead of the internal Database. You need this function when multiple Omnitapps computers must pass data and game scores to a central database. Please contact us when you have projects that require this type of data storage. • Export databases to CSV format: When you press the button all information from the internal databases will be exported to CSV files. The CSV files are located here: ..\\my documents\Omnitapps Lobby\[your configuration name]\ A Popup window show you the exact path while exporting. The CSV files (Comma Separated Value) can be opened. Request.csv = All requested files by one of the application that has a request function. Users.csv = User data from forms and special development (customization) where users log-in before using Omnitapps. Analytics.csv = Usage tracking data. It logs app, folder and file usage. Version information: • Current version: This number indicates the software version you currently have installed on your system. • Latest version: This number indicates the software version that is available for download. This button becomes active when there is a newer version available. You need a internet connection to let Omnitapps check for new versions. • This button opens our webpage showing you the latest release notes. License information: • License type: Your Omnitapps version is displayed here. (Trial indicates you didn’t enter a license key at startup) • License key: When you entered a valid license key at startup it is displayed here. With this button you can deativate your license key. You need to be connected to the internet. Omnitapps will contact a license server. After deactivation you can re-use your license key on another computer to activate Omnitapps again. Note: Regular licenses are allowed to deativate 3 times before being locked and cannot be used anymore. The license can still be used on the last, not deactivated computer. If you are not sure about your deactivation options please contact our support department first. When you entered license key at startup you can store the license key in a plain text file on your desktop. Store your license key before you deactivate your license key. Request mailer login credentials: RequestMailer is a Omnitapps Lobby service that can send an email to an end-user with links to requested files from Omnitapps. How it works: RequestMailer is a website where you can upload media(files) in your account. In Omnitapps Lobby you fill in your account credentials. Now Omnitapps sends all requests from BrochureRequest, MediaViewer and SwipeMediamarker directly to the RequestMailer server. The server looks up the files and sends a E-Mail to that user with hyperlinks to the requested files. Omnitapps does not send the actual files to the server, but only a command “to do something”. This way you can use this request mailer with an Omnitapps computer with a slow internet connection (e.g. 3G or slow exhibition WiFi) Note: The RequestMailer server can only send an E-Mail to the end-user containing links to requested files if you upload the same files from Omnitapps to the RequestMailer website. Steps to take: 1. Create an Omnitapps configuration. 2. Create an RequestMailer Account. 3. Upload mediafiles that can be requested to the server. (you can drag them from your Omnitapps Media folder directly in the upload screen) 4. Fill in your login credentials in the Omnitapps Configurator Create your RequestMailer acount here: http://request.omnitapps.com 6 Omnitapps settings • Enable Request Mailer: When checked the RequestMailer function is active. • E-Mail: Fill in your E-Mail address. It’s the same E-Mail address from your RequestMailer account. • Password: Fill in your RequestMailer account password. • Computer Id: Fill in a name that identifies your computer. This data is displayed in the request overview. (On the RequestMailer website) On the RequestMailer website you can configure a personalized E-Mail template and see live statistics for requests and downloads. Note: You can also change your password from your account. But then don’t forget to update the password in Omnitapps Lobby Configurator. Downloads: • This button will link you through to our website where you can download demo configurations for Omnitapps. You need to copy install these configurations first. The Installer copies the configuration folder to your projects folder. Support information: This button will link you through to our support form on the website. This button will link you through to our feedback form on the website. 7 Configuration settings General settings • Back to menu timeout in seconds: Set the inactivity time before the main menu is shown. • Enable corner transformations through the use of the designated black area on touch elements: When checked Omnitapps Lobby displays little corner elements on media items. When you touch this corner you can scale/rotate that item with one finger. (click & hold when you use a mouse device) Corner transformation on a touch element. • Management password: With this function you can exit Omnitapps Lobby or access the configurator without using an external keyboard. Note: The default password is asdf How it works: While in the [Run] mode touch the bottom-left or upper-right corner (Home-Button location) and hold your finger for 5 seconds. Omnitapps Lobby will prompt with a password popup. This also works on the main menu where no home buttons are displayed. When you enter the correct password you can Shut down Omnitapps Lobby, go to the configurator or run Omnitapps Lobby in a window. Password is “asdf” • Show screen rotation buttons: When checked, two buttons are displays in the corners of the screen to rotate the whole display view 180 degrees. This setting can be useful when you have a Touchtable (users on both sides of the screen) • Custom configuration switcher image (jpg/png): Browse for an image file that acts as an icon in the configuration switcher. The image file can JPG or PNG. If you do not choose your own image a default image is shown. • Add to configuration switcher: When checked this configuration appears in the configuration switcher menu to be selected. • Default starting scale of the keyboard: Fill in an enlargement value between 0 and 2 (1= default width 1050 pixels) or enlarge e.g. 1,5 (1,5x 1050 pixels) Homebutton Settings • Use default homebutton: When checked, the Omnitapps default homebutton is shown. When unchecked it shows your custom homebutton image. (if you have chosen any) These setting below apply for Home button 1 and 2 • Image: Browse for an image file to act as a homebutton. The image file can JPG or PNG. • X / Y pos: Set the X and Y coordinate for the button. (e.g. X=0 / Y=0 top left. e.g. X=960 / Y=540 middle of a full HD screen) • Width / Height: Set the width and height in pixels ( e.g. width 200 / height 200 ) • Rotate button: When checked, the button is turned 180 degrees. Configuration language • Configuration language: Choose your preferred language for the front-end. (the end user side) Note: Some application have individual settings for displaying text. (e.g. forms, application description, game end-screens) • Keyboard language: Choose your localized keyboard language layout for all applications in Omnitapps where the onscreen keyboard is shown. Configuration switcher The configuration switcher is a extra menu which you can open from the side of the screen. When opened you see a overview of all available configurations from your system. In this menu you can directly switch to another configuration. Tip: You can use the configuration switcher also to switch between languages. E.g. If you have your configuration duplicated and translated in other languages you can “switch languages“. • Enable the configuration switcher: When checked the configuration switcher is enabled. ( for this configuration ) • Location of configuration switcher: Select the position on the screen. (left, top, right) • Configuration switcher text: Type a text that will be displayed on the front part (handle) of the configuration switcher. • Configuration switcher front color: Select the color for front part of the configuration switcher (front part is the handle that is visible when the switcher menu is collapsed) • Configuration switcher background color: Select the color for the configuration switcher background. • Configuration switcher background opacity: Select a value for opacity of the configuration switcher. 8 Menu General settings • Menu type: Here you select the main menu type. Wheel: This is a rotating menu wheel with a disk (image) in the middle. Coverflow: 3D style swipe menu with always one highlighted application in the middle Grid: All icons arranged in a grid (also preferred when you want to use 2 or 3 applications) Draginfinite: All icons displayed horizontal in the middle of the screen. You can swipe if the icons do not fit on the screen. You can swipe the buttons in a infinite loop. Drag: All icons displayed horizontal in the middle of the screen. You can swipe if the icons do not fit on the screen. Metro: A Windows 8 style metro menu with blocks. Blocks can be half- or full sized. Half sized blocks only show the icon, Full sized block show the icon and a description. These settings can be made at each specific application setting. Free: This menu can be arranged manually. You can put all buttons in any place of your display. • Animation inactivity time: The time in seconds before the menu starts to animate itself. The menu wheel starts to rotate slowly or the coverflow will flip icons automatically to attract attention to the screen. When someone touches the screen the animation stops directly. • Enable closebutton: When checked a button is shown in the main menu to close Omnitapps. This button quits Omnitapps directly. • Screensaver inactivity time (seconds): When you selected a screensaver (Screensaver section) here you select the time in seconds before the screensaver is shown. • Folder with audio files: Select a folder where .mp3 audio files are stored. These audio files will play while the main menu is shown. (background music) • Menu offset (vertical) in pixels: Here you can configure an offset to move the main menu up/down. Set the amount of pixels to move. Negative numbers will move the menu up, positive numbers move the menu down. • Button shape: Select a shape for the main menu buttons. The button shape can be Rectangular or Round. Standard square button or round button Background • Background color: Set the background color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Background image path: Select an image that is displayed Fullscreen in the background. We advise you to prepare pictures that have the same size as the display pixel size. (your display resolution) You can select .JPG and .PNG image files. • Background image folder path: Select a folder containing images. The images wil be displayed Fullscreen in a sequence in the background. This setting overrides the “Background image path” setting. We advise you to prepare pictures that have the same size as the display pixel size. (your display resolution) You can select .JPG and .PNG image files. Menu button text style • Text color: Set the menu button descriptive text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the menu button descriptive text size. (in pixels) Menu wheel • Rotation animation, number of seconds to rotate 360 degrees: Set the amount of seconds the menu wheel has to make a full 360 degrees rotation. In basic it sets the speed of the animation. • Disk image path (jpg/png): select an image that will be displayed in the middle of the menu wheel. For our default Demo configuration we used a white circle with our logo. You can select your own image here. • Button width: Set the width of the buttons. (in pixels) • Button height: Set the height of the buttons. (in pixels) 9 Menu Menu coverflow • Button width: Set the width of the buttons. (in pixels) • Button height: Set the height of the buttons. (in pixels) • Coverflow spacing: Set the spacing between the buttons (in pixels) Description text style • Text color: Set the menu button descriptive text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. Text size: Set the menu button descriptive text size. (in pixels) Menu grid • Button width: Set the width of the buttons. (in pixels) • Button height: Set the height of the buttons. (in pixels) • Spacing: Set the spacing between the buttons (in pixels) Menu drag infinite • Button width: Set the width of the buttons. (in pixels) • Button height: Set the height of the buttons. (in pixels) • Spacing: Set the spacing between the buttons (in pixels) Menu drag • Button width: Set the width of the buttons. (in pixels) • Button height: Set the height of the buttons. (in pixels) • Menu offset (left and right) in pixels: Set the space beween the side of the display and the menu. (Margin) • Spacing: Set the spacing between the buttons (in pixels) 10 Menu Menu metro • Metro spacing between buttons: Set the space between the buttons. (in pixels) • Button width (if wide icon is enabled it is doubled): Set the width of the buttons. (in pixels) When you choose “ Wide Icon” at the application icons settings the button width is doubled. The extra space is for displaying an application description. • Button height: Set the height of the buttons. (in pixels) • Maximum amount of rows to show: Set the amount of rows you want to show. The menu is populated from top to bottom. (column by colomn) Description text style • Text color: Set the menu button descriptive text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the menu button descriptive text size. (in pixels) Menu free placement • Configure the position of your buttons: When you click on the button a new screen will open fullscreen. Here you can drag all your application buttons into your desired position. All buttons which dont have position are located in the top-left corner of the screen. When you are done click SAVE. • Button width: Set the width of the buttons. (in pixels) • Button height: Set the height of the buttons. (in pixels) 11 Screensaver General settings • Screensaver type: Select a screensaver type. None: Screensaver function disabled. Welcome: A page is displayed to “Welcome” your visitors. You can add (company) logos and visitors’ names to this screen. Slideshow: A photo and/or video slideshow is displayed. • Slideshow time per image slide (in seconds): Set the time in seconds before eacht new image is shown. This setting will not affect videos. • Interact box enabled: Check to enable the interact box. Interact box You can display a message on top op the screensaver to notice visitors to touch the screen. (e.g. “Touch the screen to begin” or “Click here for the menu”) This text is displayed in a box on a predefined location on the screen. This “Box “or “Area” has a position, a color and a message text. You can also display an image to be touched. In our default demo we used an image (.PNG) in the corner with a text and graphic. • Box Position: Position on the screen where the message box or image is displayed. • Box message: The text that will be displayed in the box • Box image: You can choose to use you own image/signing instead of a textbox. Here you select your image file. Note: If you select an image, this will override the text-only interaction box. • Space between screen border and box: Set the amount of pixels between the box and the screen border. • Box width: Set the box width in pixels. • Box height: Set the box height in pixels. Background • Background color: Click on the color to bring up a color palette or fill in a color value for choosing the color of the interact box. • Background opacity: Select a value for the apacity of the interact box. Message text style • Text color: Set the descriptive text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the message text size. (in pixels) Screensaver slideshow • Screensaver slideshow folder: Browse for a folder which contains images and/or videos that will be displayed in the slideshow screensaver. Images can be PNG or JPG. Videos need to have a H264 codec. (MP4 / MOV). To display images fullscreen you need to resize your images first to the same resolution as your screen. (e.g. Full HD is 1920x1080 pixels) 12 Screensaver Screensaver welcome • Spacing: Here you set the spacing between the displayed welcome items. (in pixels) • Message: The text that is displayed on top op the screen. ( “Welcome at our company…”) • Company background color: The color or the boxes where the visitor logo is displayed on. (White is the best color for logo placement) Message text style • Text color: Set the message text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the message text size. (in pixels) Company text style • Text color: Set the comapny name text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the company name text size. (in pixels) Person text style • Text color: Set the person name text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the person name text size. (in pixels) Background • Background color: Click on the color palette to select a solid background color with the color picker of fill in an exact color number in the text field. • Background image path: Select the image to be displayed in the background. You can select .JPG and .PNG image files. Note: When you choose a image here this overrides the solid background color selected above. Companies This part is for selecting company logos for the welcome startpage and set visitors names for each logo. [Add company]: This creates a new company. • Logo file: Browse for the company logo image. (png / jpg) • Person field: Here you enter the company name first, then click on the [ + ] button . This opens the field settings. • Fields: Here you can add person names that belong to the configured company. With the [Add person] button you add a new person. • [Arrows]: Move persons up/down the list. • [Trash bin]: Remove a person from the list. 13 Application icons In this section you can configure the standard button for each application. The applications which are visible here depend on your chosen applications. For each application you can change characteristics for the standard button or choose your own image as a menu button. • Standard buttons: Custom (.png) button examples: • Application name (in the menu): Set the name that is displayed in the menu button icon • Menu application description: Set the name that is displayed in the menu button icon • Application color: Set the color of the menu icon button. Click on the color palette to select a color with the colorpicker or fill in an exact color number in the text field. • Application label: Here you can set a short text that is displayed on the corner of the menu icon buttons. In our demo configuration you see the yellow corners representing “GAME”, “MEDIA”, and “VIDEO”. You can set your own category or other description here. Note: Keep in mind that you have limited space here. • Application icon: Here you can select an alternate image to replace the default menu button. (Custom Menu button) Note: You can make nice custom menu buttons using transparency in .PNG files (image editing skills required) When you choose an alternate menu button the application name is not shown. You have to integrate the application name in your button graphic yourself. • Application icon wide (Metro) : When selected the tiles in the metro menu are displayed double width. (only applies when you selected Menu Type “Metro”) Wide Metro tiles show the application button together with an application description. Metro menu with wide tiles and a standard tile. General settings Display a tickertape (scrolling text) in the bottom of the screen for displaying your own defined text or a RSS feed. The Tickertape can be displayed on the Menu page and the screensaver page. • Enable tickertape: Turn on/off the tickertape feature. • Enable clock: Turn on/off a little system digital clock. • Enable time in PM/AM format: Turn on/off the digital AM/PM (12h) time format. • Use RSS to fill the ticker: A valid RSS URL. Note: Omnitapps can only display RSS when the computer is connected to the internet. Note: RSS is an online “method” for distributing short messages. Newspapers use it for generating short headlines, stockexhanges use it to display stock information. On the internet there are many RSS feeds available. You need to copy the RSS URL and paste into the appropriate URL field. • Characters to show between RSS items: Divider characters between each RSS item to display (standard ++) • Amount of spaces between ticker text: Set character spacing between each RSS item. • Speed, in pixels per second: Numeric value for the tickertape scroll speed in pixels per second. • Your own ticker text: When no RSS URL is entered or when there is no internet connection available this custom text is displayed in the tickertape. This text cannot be formatted. • Direction: Select direction where the text scrolls to. Left to right or right to left. • Location of the tickertape: Place the tickertape on top, bottom or both sides on the screen. • Ticker background color: Set the color of the background where the text scrolls on. Select the color by clicking on the color palette. Note: the tickertape runs on top of the menu background image. • Ticker background opacity: Select a value representing the opacity of the tickertape background. When you set it to 0 the tickertape runs directly on top of the menu background image. • Time background color: Set the color of the background where the clock is displayed. Select the color by clicking on the color palette. • Time background opacity: Select a value representing the opacity of the clock background. • Text color: Select the tickertape/clock text color by clicking on the color palette or fill in a specific color value. • Text Size in pixels: Set the tickertape text font pixel size. • Text in bold: Show the tickertape text formatted Bold. • Text in italic: Show the tickertape text formatted Italic. 14 Applications Active applications All checked applications will be visible in the menu. The up/down arrows change the display order of the buttons. • Checkbox: When checked the application will be visible in the main menu. • Gear icon: This button brings you to the settings of the application. • Duplicate icon: This button duplicates the application using all it’s settings and media. • Re-arange display order: With the up/down arrows you can change the list order. This list order is also used in the main menu. • Trash can: This button deletes the application. Warning: The complete application folder will be removed. Add an application At the bottom of the active applications list you find the [Add application] button. • Name of the new application: Type a new name for your application. • Configuration: Here you select from which existing configuration you want to use as a base for your new application. (e.g. When you already configured a nice MediaSwipe application in another configuration you can re-use it by selecting the configuration name where it was created in.) Note: When you are not sure which configuration to select you can always select <DEFAULT>. With this selection you get our “Default content”. • Application: Here you select what kind of Omnitapps application you want to create. You can choose from the available applications. Configure applications On the left hand side you see a list of available applications that can be individually configured. 15 Configurator General settings Background • Background color: Click on the color palette to select a solid background color with the color picker of fill in an exact color number in the text field. Preloader • Preloader image path: Select a picture (small image) here that acts as a “loading in progress” indicator. Omnitapps rotates this image while it’s busy. you can select a .JPG or .PNG file. 16 MediaSwipe General settings • Background color: Set the background color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. This background is only visible when the pictures is too narrow to fit Fullscreen on the display. • Background image path: Select an image that is displayed Fullscreen in the background. We advise you to prepare pictures that have the same size as the display pixel size. (your display resolution) You can select .JPG and .PNG image files. • Preloader image path: Select a picture (small image) here that acts as a “loading in progress” indicator. Omnitapps rotates this image while it’s busy. you can select a .JPG or .PNG file. • Use navigator: When checked a page navigator is displayed in the bottom of the screen. This navigator can be displayed as bullets ( 1 bullet for each page ) or thumbnails representing each page. Settings can be done in the “Navigator” section. • Enable second screen/WiDi: Turn on/off the secondary screen function where all images will also be displayed on a second display. WiDi is a method to connect a second display to your computer. • Infinite swipe: When checked the swipe on the last page will show the first page again. You swipe a loop. Media menu • Media folder: Select your folder where your media (Photo and Video files) is located. Select a folder with a minimum of 3 images. • Swipe automatically: When checked the images will show autotomatically like a slideshow. • Timeout between swipes: Set the amount of seconds between each transition. (with the option “Swipe automatically” turned on) Navigator • Use preview image in navigator: When checked the navigator shows thumbnail images instead of white bullets. • Preview image width: Set the preview image width. (in pixels) It only applies when you turned “Preview image in navigator“ on. • Preview image height: Set the preview image height. (in pixels) It only applies when you turned “Preview image in navigator“ on. 17 MediaViewer General settings • Background color: Set the background color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Background image path: Select an image that is displayed Fullscreen in the background. We advise you to prepare pictures that have the same size as the display pixel size. (your display resolution) You can select .JPG and .PNG image files. • Preloader image path: Select a picture (small image) here that acts as a “loading in progress” indicator. Omnitapps rotates this image while it’s busy. you can select a .JPG or .PNG file. • Enable selection menu, for requesting files: When checked a media file drop-area is shown on the right hand side. With this checkbox you turn on the request function. • Enable second screen/WiDi: Turn on/off the secondary screen function where you can swipe media from your main display to a second display. All media that you swipe to the second display will be presented in a grid. Every new media item will make the second monitor to re-arange the grid. WiDi is a method to connect a second display to your computer • Enable drawing: When checked every media item showed on the mediaViewer has a drawing button. When clicked a drawing menu is displayed. • Drawing folder: Select a folder where MediaViewer saves all drawing image files. You can make drawings on top of all media types displayed in the MediaViewer. When you save your drawing in the drawing menu (Save Symbol) the image file is saved into the predefined folder. Note: When you select a folder within the chosen mediafolder (the category folders) the saved drawings are automatically added to the MediaViewer menu to be selected and viewed on the screen by other users. • Enable icon for second screen: With this checkbox you can show/hide the “second screen” graphic on the left side of the screen. When you turn off the graphic you are still able to swipe content to the second monitor. you can select a .JPG or .PNG file. • PDF rendering technique: MediaViewer converts all PDF files at first startup to another format for fast viewing and handling. Here you select the rendering method. Some PDF files containing lots of layers or vector graphics are best rendered with the setting “Bitmap 1”. Vector: Leaves all vector shapes intact. This gives the best quality. Bitmap 1: Converts graphics into bitmap (rasterize). Text stays vectorized. Bitmap 2: Converts everything to bitmap (rasterize). Security settings for browsing the internet. • Lock websites (leave website): If checked you are not able to call other websites. Only the default URL is viewable. • Lock websites (leave domain): If checked you can only browse through the default website. All links outside your website are denied. Note: If you configured http://www.google.com as default website and browse to https://www.code.google.com you also leave the domain. • Disable userinterface: Display the website with no control buttons and URL field. • Blacklist of websites: Here you prohibit surfing to certain websites. • Add domain button: Enter a domain to prohibit surfing to that domain. • Add page button: Enter a certain website that is prohibited (e.g. http://www.specificwebsite.com/downloads/new/) • Add keyword button: Enter a certain word. If this word exists in the URL, access is disallowed. You can remove blacklist rules by clicking on the garbage bin. 18 MediaViewer Media Settings • Media folder: Select your folder where your media is located for MediaViewer. Read the notes below about setting up a folder structure. Note: You have to prepare a folder structure before browsing for the media folder. MediaViewer sets up itself by reading the category folders and the content in each category. In the example below you select the folder MEDIA in the configurator. Also look at the example from the demo configuration located here: My Documents\Omnitapps Lobby\Default\MediaViewer\Media The folders Cars, Planes and Boats are the categories. The files in those folders are the mediafiles you can view on the screen. Media files can be Image files (.JPG, .PNG) PDF files, Video files (.MOV, .MP4 rendered with a H264 codec) Note: category folders can have the same sort of content (all image files, all pdf files) or mixed content. Create Category thumbnails: The MediaViewer selection menu displays categories that are in fact folders. Folders do not have a default image file (thumbnail). However you can show your own button images in the MediaViewer menu. Place image files (.JPG) next to the category folders with exact the same name as the folder (uppercase sensitive). Like in the example above you should place image files in the MEDIA folder named Cars.jpg, Planes.jpg and Boats. jpg. Configuring related content: It is possible to show related content at a main item. (e.g. show all car variations to the main image “Car”) You can create a small list docked to the main item. In this list you show your related content. Related content can be images, videos and PDF files . When you look at the example below you see an extra folder in the content folder “Scenery”. The photo “Scenery1.jpg” shows an extra menu with all related content from the folder with the same name and ending with: _related. All items in the “Scenery_related” folder will be displayed in a side-menu on the image Scenery1.jpg. In our demo content you see it in the mixed media category. • Media starting width: Set the width (in pixels) for items when they come on the screen. • Media maximum scale: Set the value for the maximum scale factor. 1.5 means you are allowed to enlarge items 150%. • Increase scale percentage on doubletap: Set the scale factor when you double tap on a media item. 1.25 means that the media items will enlarge 125% when you doubletap on it. • Media background color: Click on the color palette to select a media background color with the color picker of fill in an exact color number in the text field. The media background is the box that will be displayed behind each media item. You can also refer as Border color. • Background opacity: Select the media background border opacity. This setting will change the opacity for the media background. ( where users only see the border of it. • Text color: Click on the color palette to select a text color with the color picker of fill in an exact color number in the text field. This color setting refers to indicator text. (e.g. PDF page numbering or videoplayer timer text.) • Show file name underneath the media: When selected the file name of each media item is displayed. • File name color: Click on the color palette to select a file name text color with the color picker of fill in an exact color number in the text field. • File name background color: Click on the color palette to select a file name text background color with the color picker of fill in an exact color number in the text field. • File name background opacity Select the opacity of the file name background. This is the part where the file name text is displayed on. • Enable sorting of media: When checked a button is displayed on the left side of the screen. Its function is to align all active media items in a grid. All active media is placed horizontally and evenly spaced. • Image for sorting button: Choose an alternative image that acts a media sorting button. Browse for a JPG or PNG file. • Vertical offset for sorting button for the top of the screen: With this setting you can move the sorting button on the left side of the screen. You configure the offset in pixels. The button will move up/down. • Media has to open upright on the wall: When checked all media items opened from the menu will be positioned horizontally. (No rotation by default) • Enable media throw: When checked, media items will move naturally by sliding through when you let them go. • Gravity factor: This setting if for controlling how smooth media moves when you throw it. Setting 0 = not smooth / 1 = very smooth. Default setting is 0.9 • Lock multitouch rotation of media: When checked you cannot rotate media on the screen. All items will stay horizontally. • Loop media while playing: When checked, videos will keep playing in a loop. When the video ends it starts over again. • Amount of seconds before media automatically closes: Set the amount of seconds before MediaViewer closes unused media items left open and unused in the screen. • Maximum amount of items on the screen: Set the maximum amount of simultaneously displayed media items allowed on the screen. • Maximum amount of videos on the screen: Set the maximum amount of simultaneously displayed videos allowed on the screen. • Maximum amount of pdfs on the screen: Set the maximum amount of simultaneously displayed PDF items allowed on the screen. • Maximum amount of websites on the screen: Set the maximum amount of simultaneously displayed websites allowed on the screen. 19 MediaViewer Media menu • Show top menu: When checked a second menu bar is shown on the opposite side of the screen. Menu row • Menu row minimized height: Set the height in pixels when the menu is collapsed. (minimized) • Menu row background color: Set the menu background color by clicking on the color palette or enter a color number. Set the title text size in pixels. • Menu row opacity: Set the opacity of the menu background. Select a value from the dropdown list. • Time until the menu minimalizes: Set the amount of seconds before the menu collapses when it’s unused. Menu row title • Text color: Set the menu text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the menu text size. (in pixels) Menu button • Menu button, preview image width: Set the button image pixel width for the menu button thumbnails. • Menu button, preview image height: Set the button image pixel height for the menu button thumbnails. • Menu button selection border color: Select the border color that is display around a button when selected by clicking on the color palette or enter a color number. Set the title text size in pixels. • Menu button background opacity: Set the opacity of the button background. Select a value from the dropdown list. Menu button filename textfield • Text color: Set the menu button text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the menu button text size. (in pixels) • Text align: Set the menu button text alignment. Select an option from the dropdown menu. Selection menu • background color: Set the selection menu background color by clicking on the color palette or enter a color number. Set the title text size in pixels. • Selection menu width: Set the width of the selection menu. ( in pixels) Selection title textfield • Selection menu title: Type a name for the selection menu. • Text color: Set the title text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the title text size. (in pixels) Selection pdf title textfield • Printing message Type a message that will be displayed while printing. • Text color: Set the message text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the message text size. (in pixels) General settings • Enable printing: When checked users can print selected PDF files. ( Omnitapps uses the default enabled printer ) • Enable e-mail form: When checked users see a “Mail “ button underneath the selection menu that will open a form. All requested PDF files and form data is stored on the local computer. • Enable USB form: When checked users see a USB button underneath the selection menu that will open a form. All requested PDF files can be transferred to a USB stick and the form data is stored on the local computer. E-mail form The requested files are send to a predefined Email address (e.g. your office email box). You receive the form data together with the names of the requested files. You have to send out the actual PDF’s yourself. • Mail address: Enter a valid email where the requested file names and the form data are send to. 20 MediaViewer Form fields title textfield • Form title: Enter a title that is displayed on top of the E-Mail form. • Text color: Set the form title text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the form title text size. (in pixels) Background • Form background color: Set the form background color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Form background opacity: Set the opacity of the form background. Select a value from the dropdown list. Terms and conditions • Show: When checked users must agree with the term and conditions you enter below. (Here you can make copyright notices.) • Terms and conditions title: Set the title that is displayed on top op the Terms and Conditions box. • Terms and conditions text: Here you can enter your legal info that users have to agree with. Form field name • Text color: Set the form field name text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the form field name text size. (in pixels) Form input textfield • Text color: Set the input field text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the input field text size. (in pixels) • Highlight color: Set the input field highlight color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. Form fields • Form title text field color/size: Set the form title text color by clicking on the color palette or enter a color number. Set the title text size in pixels. • Form text field title color/size: Set the form field title text color by clicking on the color palette or enter a color number. Set the title text size in pixels. This text is displayed before the text fields. • Form input text field color/size: Set the form field text color by clicking on the color palette or enter a color number. Set the title text size in pixels. This text is the text that is entered in the blank fields by the user. To add new form fields: • Step 1: Click on the [Add field] button. This creates a new blank form field “Field title…” • Step 2: Enter a name for this new field. ( e.g. Name or E-Mail). This is displayed before the field or item. • Step 3: Click on the [ + ] button at the end of the field. • Step 4: Configure these items that belong to this specific field. Required: If Checked user MUST enter or use this field. Type: Select what function this field has: Input: A blank field where users fill in something with the onscreen keyboard. Lines: sets how much textlines are available for input. Validation: Lets the system check whether you entered a valid email or phonenumber format. Minimum characters: Amount of characters that are required for this field. Maximum characters: Amount of characters that are required for this field. Radiobutton: Selection from multiple items. Only 1 can be chosen. [Add item button]: Add a new item to the radio button list. Dropdown: Shows a dropdown selection list where users can select 1 item from a (long) list. [Add item button]: Add a new item to the dropdown list. Checkbox: Shows one or more checkboxes that users can check on/off. [Add item button]: Add a new checkbox. • [Arrow heads]: Move up/down items or field in the displayed sequence. • [Trash can]: Remove a item or field Print form • Form title: Enter a title that is displayed on top of the Print form. • Form background color: Set the form background color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Printing Message: This value represents the message being displayed after the print job has been sent to the default printer. Terms and conditions • Show: When checked users must agree with the term and conditions you enter below. (Here you can make copyright notices.) • Terms and conditions title: Set the title that is displayed on top op the Terms and Conditions box. • Terms and conditions text: Here you can enter your legal info that users have to agree with. 21 MediaViewer Form title textfield • Form title text field color: Set the form title text color by clicking on the color palette or enter a color number. • Form title text field size: Set the title text size in pixels. Form fields title textfields • Form text field title color: Set the form field title text color by clicking on the color palette or enter a color number. This text is displayed before the text fields. • Form text field title size: Set the title text size in pixels. This text is displayed before the text fields. Form input textfield • Form input text field color: Set the form field text color by clicking on the color palette or enter a color number. • Form input text field size: Set the title text size in pixels. This text is the text that is entered in the blank fields by the user. Form fields Step 1: Click on the [Add field] button. This creates a new blank form field “Field title…” Step 2: Enter a name for this new field. ( e.g. Name or E-Mail). This is displayed before the field or item. Step 3: Click on the [ + ] button at the end of the field. Step 4: Configure these items that belong to this specific field. Required: If Checked user MUST enter or use this field. Type: Select what function this field has: Input: A blank field where users fill in something with the onscreen keyboard. Lines: sets how much textlines are available for input. Validation: Lets the system check whether you entered a valid email or phone number format. Minimum characters: Amount of characters that are required for this field. (e.g. postal code) Maximum characters: Amount of characters that are required for this field. (e.g. postal code) Radiobutton: Selection from multiple items. Only 1 can be chosen. [Add item button]: Add a new item to the radio button list. Dropdown: Shows a dropdown selection list where users can select 1 item from a (long) list. [Add item button]: Add a new item to the dropdown list. Checkbox: Shows one or more checkboxes that users can check on/off. [Add item button]: Add a new checkbox. [Arrow heads]: Move up/down items or field in the displayed sequence. [Trash can]: Remove an item or field IMPORTANT: Omnitapps uses Acrobat Reader X for print jobs. When you never used this program before you have to open the Acrobat Reader and accept their license agreement first. You can find Acrobat Reader in your programs list. After accepting the Adobe license agreement you can close the Reader and start using Omnitapps again. 22 MediaViewer USB form • Form fields title textfield • Form title: Enter a title that is displayed on top of the E-Mail form. • Text color: Set the form title text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the form title text size. (in pixels) Background • Form background color: Set the form background color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Form background opacity: Set the opacity of the form background. Select a value from the dropdown list. Terms and conditions • Show: When checked users must agree with the term and conditions you enter below. (Here you can make copyright notices.) • Terms and conditions title: Set the title that is displayed on top op the Terms and Conditions box. • Terms and conditions text: Here you can enter your legal info that users have to agree with. Form field name • Text color: Set the form field name text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the form field name text size. (in pixels) Form input textfield • Text color: Set the input field text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the input field text size. (in pixels) • Highlight color: Set the input field highlight color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. Form fields • Form title text field color/size: Set the form title text color by clicking on the color palette or enter a color number. Set the title text size in pixels. • Form text field title color/size: Set the form field title text color by clicking on the color palette or enter a color number. Set the title text size in pixels. This text is displayed before the text fields. • Form input text field color/size: Set the form field text color by clicking on the color palette or enter a color number. Set the title text size in pixels. This text is the text that is entered in the blank fields by the user. To add new form fields: • Step 1: Click on the [Add field] button. This creates a new blank form field “Field title…” • Step 2: Enter a name for this new field. ( e.g. Name or E-Mail). This is displayed before the field or item. • Step 3: Click on the [ + ] button at the end of the field. • Step 4: Configure these items that belong to this specific field. Required: If Checked user MUST enter or use this field. Type: Select what function this field has: Input: A blank field where users fill in something with the onscreen keyboard. Lines: sets how much textlines are available for input. Validation: Lets the system check whether you entered a valid email or phone number format. Minimum characters: Amount of characters that are required for this field. (e.g. postal code) Maximum characters: Amount of characters that are required for this field. (e.g. postal code) Radiobutton: Selection from multiple items. Only 1 can be chosen. [Add item button]: Add a new item to the radio button list. Dropdown: Shows a dropdown selection list where users can select 1 item from a (long) list. [Add item button]: Add a new item to the dropdown list. Checkbox: Shows one or more checkboxes that users can check on/off. [Add item button]: Add a new checkbox. • [Arrow heads]: Move up/down items or field in the displayed sequence. • [Trash can]: Remove a item or field 23 BrochureRequest General settings • Enable selection menu: When checked, the selection menu on the right side of the screen is shown. When disabled this mode users only are able to browse and view PDF files. • Background color: Set the background color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Background image path: Select an image that is displayed Fullscreen in the background. We advise you to prepare pictures that have the same size as the display pixel size. (your display resolution) You can select .JPG and .PNG image files. • Preloader image path: Select a picture (small image) here that acts as a “loading in progress” indicator. Omnitapps rotates this image while it’s busy. you can select a .JPG or .PNG file. • Enable selection menu, for requesting files: When checked a media file drop-area is shown on the right hand side. With this checkbox you turn on the request function. • PDF rendering technique: MediaViewer converts all PDF files at first startup to another format for fast viewing and handling. Here you select the rendering method. Some PDF files containing lots of layers or vector graphics are best rendered with the setting “Bitmap 1”. Vector: Leaves all vector shapes intact. This gives the best quality. Bitmap 1: Converts graphics into bitmap (rasterize). Text stays vectorized. Bitmap 2: Converts everything to bitmap (rasterize). Media settings • PDFs folder: Browse for the folder where your PDF files are located. Note: BrochureRequest reads all PDF files from the folder and automatically builds a menu. You can make categories by making subfolders in the current PDF folder. If you place PDF files in the subfolders BrochureRequest automatically creates the submenus and displays them visual as stacked PDF brochures. • PDF preview image background color: Set PDF preview image background color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • PDF preview image width: Set the width of the PDF preview image. (in pixels) • PDF preview image height: Set the height of the PDF preview image (in pixels) PDF title textfield • Text color: Set the title text color while in the PDF overview. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the title text size. (in pixels) PDF viewer Pdf title textfield • Text color: Set the title text color while in the PDF viewer. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the title text size. (in pixels) 24 BrochureRequest Selection menu • Background color: Set the selection menu background color by clicking on the color palette or enter a color number. Set the title text size in pixels. • Background opacity: Select the opacity of selection menu background. Select a value from the dropdown list. • Selection menu width: Set the width of the selection menu. ( in pixels) • Selection menu title: Type a header name for the selection menu. Selection title textfield • Text color: Set the title text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the title text size. (in pixels) Selection pdf title textfield • Text color: Set the message text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the message text size. (in pixels) General settings • Enable printing: When checked users can print selected PDF files. ( Omnitapps uses the default enabled printer ) • Enable e-mail form: When checked users see a “Mail “ button underneath the selection menu that will open a form. All requested PDF files and form data is stored on the local computer. • Enable USB form: When checked users see a USB button underneath the selection menu that will open a form. All requested PDF files can be transferred to a USB stick and the form data is stored on the local computer. 25 BrochureRequest E-mail form The requested files are send to a predefined Email address (e.g. your office email box). You receive the form data together with the names of the requested files. You have to send out the actual PDF’s yourself. • Mail address: Enter a valid email where the requested file names and the form data are send to. • Name of sender: Enter a name that appears in the mail as sender name. • Form title: Enter a name for the form header. • Form background color: Set the form background color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. Terms and conditions • Show: When checked users must agree with the term and conditions you enter below. (Here you can make copyright notices.) • Terms and conditions title: Set the title that is displayed on top op the Terms and Conditions box. • Terms and conditions text: Here you can enter your legal info that users have to agree with. Form fields title textfield • Form title: Enter a title that is displayed on top of the E-Mail form. • Text color: Set the form title text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the form title text size. (in pixels) Form field name • Text color: Set the form field name text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the form field name text size. (in pixels) Form input textfield • Text color: Set the input field text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the input field text size. (in pixels) • Highlight color: Set the input field highlight color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. Form fields • Form title text field color/size: Set the form title text color by clicking on the color palette or enter a color number. Set the title text size in pixels. • Form text field title color/size: Set the form field title text color by clicking on the color palette or enter a color number. Set the title text size in pixels. This text is displayed before the text fields. • Form input text field color/size: Set the form field text color by clicking on the color palette or enter a color number. Set the title text size in pixels. This text is the text that is entered in the blank fields by the user. To add new form fields: • Step 1: Click on the [Add field] button. This creates a new blank form field “Field title…” • Step 2: Enter a name for this new field. ( e.g. Name or E-Mail). This is displayed before the field or item. • Step 3: Click on the [ + ] button at the end of the field. • Step 4: Configure these items that belong to this specific field. Required: If Checked user MUST enter or use this field. Type: Select what function this field has: Input: A blank field where users fill in something with the onscreen keyboard. Lines: sets how much textlines are available for input. Validation: Lets the system check whether you entered a valid email or phone number format. Minimum characters: Amount of characters that are required for this field. Maximum characters: Amount of characters that are required for this field. Radiobutton: Selection from multiple items. Only 1 can be chosen. [Add item button]: Add a new item to the radio button list. Dropdown: Shows a dropdown selection list where users can select 1 item from a (long) list. [Add item button]: Add a new item to the dropdown list. Checkbox: Shows one or more checkboxes that users can check on/off. [Add item button]: Add a new checkbox. • [Arrow heads]: Move up/down items or field in the displayed sequence. • [Trash can]: Remove a item or field • 26 BrochureRequest Print form • Form title: Enter a title that is displayed on top of the Print form. • Form background color: Set the form background color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. Terms and conditions • Show: When checked users must agree with the term and conditions you enter below. (Here you can make copyright notices.) • Terms and conditions title: Set the title that is displayed on top op the Terms and Conditions box. • Terms and conditions text: Here you can enter your legal info that users have to agree with. Form field name • Text color: Set the form field name text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the form field name text size. (in pixels) Form input textfield • Text color: Set the input field text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the input field text size. (in pixels) • Highlight color: Set the input field highlight color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. Form fields • Form title text field color/size: Set the form title text color by clicking on the color palette or enter a color number. Set the title text size in pixels. • Form text field title color/size: Set the form field title text color by clicking on the color palette or enter a color number. Set the title text size in pixels. This text is displayed before the text fields. • Form input text field color/size: Set the form field text color by clicking on the color palette or enter a color number. Set the title text size in pixels. This text is the text that is entered in the blank fields by the user. To add new form fields: • Step 1: Click on the [Add field] button. This creates a new blank form field “Field title…” • Step 2: Enter a name for this new field. ( e.g. Name or E-Mail). This is displayed before the field or item. • Step 3: Click on the [ + ] button at the end of the field. • Step 4: Configure these items that belong to this specific field. Required: If Checked user MUST enter or use this field. Type: Select what function this field has: Input: A blank field where users fill in something with the onscreen keyboard. Lines: sets how much textlines are available for input. Validation: Lets the system check whether you entered a valid email or phone number format. Minimum characters: Amount of characters that are required for this field. (e.g. postal code) Maximum characters: Amount of characters that are required for this field. (e.g. postal code) Radiobutton: Selection from multiple items. Only 1 can be chosen. [Add item button]: Add a new item to the radio button list. Dropdown: Shows a dropdown selection list where users can select 1 item from a (long) list. [Add item button]: Add a new item to the dropdown list. Checkbox: Shows one or more checkboxes that users can check on/off. [Add item button]: Add a new checkbox. • [Arrow heads]: Move up/down items or field in the displayed sequence. • [Trash can]: Remove a item or field 27 BrochureRequest USB form • Form title: Enter a title that is displayed on top of the USB form. • Form background color: Set the form background color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. Terms and conditions • Show: When checked users must agree with the term and conditions you enter below. (Here you can make copyright notices.) • Terms and conditions title: Set the title that is displayed on top op the Terms and Conditions box. • Terms and conditions text: Here you can enter your legal info that users have to agree with. Form field name • Text color: Set the form field name text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the form field name text size. (in pixels) Form input textfield • Text color: Set the input field text color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Text size: Set the input field text size. (in pixels) • Highlight color: Set the input field highlight color. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. Form fields • Form title text field color/size: Set the form title text color by clicking on the color palette or enter a color number. Set the title text size in pixels. • Form text field title color/size: Set the form field title text color by clicking on the color palette or enter a color number. Set the title text size in pixels. This text is displayed before the text fields. • Form input text field color/size: Set the form field text color by clicking on the color palette or enter a color number. Set the title text size in pixels. This text is the text that is entered in the blank fields by the user. To add new form fields: • Step 1: Click on the [Add field] button. This creates a new blank form field “Field title…” • Step 2: Enter a name for this new field. ( e.g. Name or E-Mail). This is displayed before the field or item. • Step 3: Click on the [ + ] button at the end of the field. • Step 4: Configure these items that belong to this specific field. Required: If Checked user MUST enter or use this field. Type: Select what function this field has: Input: A blank field where users fill in something with the onscreen keyboard. Lines: sets how much textlines are available for input. Validation: Lets the system check whether you entered a valid email or phone number format. Minimum characters: Amount of characters that are required for this field. (e.g. postal code) Maximum characters: Amount of characters that are required for this field. (e.g. postal code) Radiobutton: Selection from multiple items. Only 1 can be chosen. [Add item button]: Add a new item to the radio button list. Dropdown: Shows a dropdown selection list where users can select 1 item from a (long) list. [Add item button]: Add a new item to the dropdown list. Checkbox: Shows one or more checkboxes that users can check on/off. [Add item button]: Add a new checkbox. • [Arrow heads]: Move up/down items or field in the displayed sequence. • [Trash can]: Remove a item or field 28 VideoPlayer General settings • Video folder: Select the folder where your videos are stored to be display in videoPlayer. When running VideoPlayer the system automatically builds a menu that is based on videos found in this folder. Note: Omnitapps can play videos rendered with the H264 Codec that is in most cases a .MOV or .MP4 video file Recommended render setting: - H264 Video ( .FLV, .MOV, .MP4 ) - AAC Audio - Square pixel ( If you don’t use square pixel the video will look “sqeezed”) • Separator: Show or hide the vertical line in the video selection menu. This line indicates the end of the video selection. • Background color: Set the background color. We advise you to select only light colors here. Click on the color palette to select a color with the color picker of fill in an exact color number in the text field. • Background image path: Select an image that is displayed Fullscreen in the background. We advise you to prepare pictures that have the same size as the display pixel size. (your display resolution) You can select .JPG and .PNG image files. • Preloader image path: Select a picture (small icon image) here that acts as a “loading in progress” indicator. Omnitapps rotates this image while it’s busy. you can select a .JPG or .PNG file. Video gallery • Jukebox menu offet (vertical) in pixels: Set the amount of pixels to move the video menu up/down. Negative numbers will move the menu up, positive numbers move the menu down. Note: This setting is only effective when you select Screen orientation = Videowall (See general settings) • Spacing between videos: Set the amount of pixels between each menu item. Video title textfield • Text color: Set the color of video title text . Click on the color palette to select a color with the colorpicker or fill in an exact color number in the text field. • Text size: Set the size of video title text. (in pixels) Video preview image • Video preview image width: Set the width for displaying the video menu image. (in pixels) • Video preview image height: Set the height for displaying the video menu image. (in pixels) 29
© Copyright 2024