Styles

Using styles to manage the appearance of elements

The template is based on the AirDev Canvas Design principles, which we use with most of our clients. This makes it easy to translate specs into apps without getting caught up in the creative process. Here are a few tips to keep in mind:

Use styles instead of settings individual properties

Each of our apps uses a consistent set of styles (set in theStyles tab). We recommend using these styles instead of manually setting visual attributes on an element, as this maintains consistency and make it easier to make adjustments later.

Canvas Styles

Use conditional properties if you need to deviate from a style

If you need to give an element a unique style by default, you can assign it the closest existing style and use the conditional formatting tab to say When this url is not empty and set the needed attributes. This will effectively change the default style without breaking the style linkage.

Override styles by adding a conditional statement to the element

If you might be using some of our advanced features such as style updates, you should refrain from modifying existing styles or changing any of their names

How to update colors all at once

If you need to update style colors for one of your apps, you can do so by accessing your app from the Canvas Portal > MY APPS > VIEW APP DETAILS > UPDATE APP COLORS