Settings

Overview

Settings for a style are done on this view. Each setting is briefly explained below or in a separate section.

Style Name — Give the style a name.

Style Description — It is good practice to add a short description, so the style is easy to identify.

include::cms:page$editor/design/styles/settings/color.adoc[tags=intro, levelofset=+2] — The colors used for backgrounds, buttons, switches and other components.

include::cms:page$editor/design/styles/settings/top-bar.adoc[tags=intro, levelofset=+2] — Various adjustments to the app’s top bar, for instance colors, background image and buttons.

include::cms:page$editor/design/styles/settings/menu.adoc[tags=intro, levelofset=+2] — The colors and background image used for the app’s menu.

include::cms:page$editor/design/styles/settings/sub.adoc[tags=intro, levelofset=+2] — The colors and background image used for the app’s sub menu.

include::cms:page$editor/design/styles/settings/tab-bar.adoc[tags=intro, levelofset=+2] — Various adjustments to the app’s tab bar, for instance colors, background image and buttons.

include::cms:page$editor/design/styles/settings/calendar.adoc[tags=intro, levelofset=+2] — The calendar’s colors and font settings.

include::cms:page$editor/design/styles/settings/text.adoc[tags=intro, levelofset=+2] — Various text settings associated with menus, headers and search bars.

include::cms:page$editor/design/styles/settings/shape-space.adoc[tags=intro, levelofset=+2] — Various setting for components, such as Inputs (Text), Viewers (Map and Web), when creating Views.

Transition — Select the type of transition and the speed of the transition when navigating between in the app’s patches.

Shadow — Select this option to add a shadow to a menu. The option is only applicable to the Drawer Menu.

Swatches + A tool to build a palette of colors to use, for instance when creating views.