doForms provides the ability to control most aspects of the mobile app user interface (UI); including company logo, form icons, menu bar layout, background and text colors, and more. This allows you to create a mobile app UI that is specific to your own business applications, like the one illustrated below. See the section on Mobile App User Interface Customization for a complete description of customization options.
An important element of UI customization is what icons are displayed to represent different forms, as well as the text displayed under under the icons. These are controlled in Build Forms> Settings > Form Icon for each form. To change the form icon settings:
- Open the desired form in the Build Forms tab
- Click on the Settings menu
- Select Form Icon
Note the simple "Standard Icon" that is assigned as default to new each from (this is what we will change). Also, note that the default text under the icon is the same as the form name (we will change this as well).
You can use the standard icon, upload a custom icon, or select an icon from our library.
To upload a custom icon, click the Create an Icon option, then browse for the desired icon on your computer. Note that form icon images must be 64 pixels wide by 64 pixels tall. File format can be JPG, JPEG, PNG, or GIF (PNG or GIF with transparent background are best). In the example below we have uploaded a blue microscope icon.
To change the text under the icon, simply edit the displayed text. Icon text must be equal to or less than 30 characters.
doForms also provides an Icon library that you can access by clicking the Select Icon button. Scroll through the library and select and icon that best represents the purpose of your form. Click Save when done.
After you are done with your changes, you will need to update the form. If you used the Open button to open the form, then use the Publish button to save your changes. If you used the Edit button to open the form, then use the Save button. After you do this, your mobile units will receive the UI changes the next time an Update function is performed on a device.
TIP: If you wish to control the order in which Form Icons are displayed in the mobile app UI, you can do this with clever assignment of form names. Forms are always ordered alpha-numerically by their form names when displayed in the UI. A simple trick is to use a number prefix with each form name to control the order (in the example above the number prefix "13" is used). Number prefixes my not be desirable in the text under the icon, but you can this text as described above (to simply "ROI" in the example above). Remember - it's the form name that controls the icon order placement, not the text under the icon (which can be anything you choose).
Form Sequence number: Forms in the mobile app appear in alphabetical order by default. With this enhancement you will be able to change the order in which your forms are listed by adding a numerical priority number. Forms with 1 as their priority will appear before forms with 10 as their priority. Use this settings to fully customize the order in which the forms are displayed to your mobile users.