With the Asite AppBuilder Designer, you can try a new look on all your existing form designs. You will get a prompt (as shown below) when you open your existing form design templates once you have received this update:
You can click 'Switch to New Look' to try the new look with your form design. If you prefer to try it later, click the 'Cancel' option.
To learn about any adjustments that might be required when transitioning your AppBuilder form template from the old look to the new look, click here.
Later on, you can always click the 'Switch to New Look' switch option at the top right.
Once you receive this update, new form designs will automatically feature the new look.
How does it benefit you as a user?
The new look in Asite AppBuilder makes your form design more appealing and responsive (especially for mobile devices).
Below are the highlights of the AppBuilder's new look for your reference:
In-line display of labels in most of the controls. More suitable for mobile viewing.
Each column in the repeating table will be displayed as a separate row on a smaller screen for better visibility. Makes it easier for users to navigate between the fields.
Below is a sample screenshot of a 'Site Task' form - web view and mobile view - in the new look:
[ Web View ]
[ Mobile View ]
Choosing a drop-down option, site location or picking a date/time will work differently in mobile view. Improves user experience while working on small screens.
Things to take care of
When you switch on the new look for your AppBuilder form templates, you may need to make specific adjustments to ensure a smooth experience for everyone using your form template for various project communication needs.
As labels will display in line based on the field type, if you use label control separately, consider adjusting the form template to improve the user experience.
If you use a repeating table in your form design and can define labels for the header, consider removing the header and using the in-line labels for controls where appropriate.
[ Example of labels placed in line with the new look in a repeating table ]
[ Example of labels placed in the header as per the old look, which may not be suitable for the new look ]
Once you have made the necessary adjustments, you can try running the form by publishing the changes on small screens (before all the other team members start using it).
If you need time before using the new look, you can turn off the 'Switch to New Look' option.
Next Article: Design a Form Template