TABLE OF CONTENTS
- Alternate States
- Global Styles
- Top Menu
- Top Menu Items
- Top Menu Buttons
- Side Menu
- Custom Selection Colors
- Mobile View
Figure 1: General
Figure 2: Alternate States
Global Styles contains settings which are applied to the buttons and navigation menu items inside the top menu bar. Note: Breadcrumbs, titles and other custom elements are styled separately.
There are several sections contained within Global Styles (Figure 3).
- State Styles allows you to customize the Background Color and Font Color for 3 different states -Default (the item default state), Active (an item is selected) and Hover (the cursor hovers over the item).
- Border Styles helps you apply and manage the global settings for Border Color, Border Style, Border Width and Border Radius.
Navigation Styles controls the presentation mode for top menu navigation menu items with Navigation Menu View.
- Other Styles sets the spacing between buttons and navigation menu items using Tab/Button Spacing.
- Styling Mode controls advanced customization settings for the top menu. When it's enabled menus for Top Menu Items and Top Menu Buttons appear in the property panel.
Figure 3: Global Styles
Figure 4: Top Menu
Figure 5: Top Menu Items
Figure 6: Top Menu Buttons
The Side Menu settings (Figure 7) control the look and feel of the Side Menu. By default, you display the side menu by clicking a button in the top right corner of the sheet. You can customize the Width, Font Size, and Position settings for the side menu, and also choose the Display option (Fixed means the side menu is always visible) and between an Auto or Manual Close Setting. The Background section lets you select a Background Color from the palette.
The Sheet, Text, and Group settings all have options to customize the Font Style, Font Color and Background Color, while Line has controls for the Background Color, Line Color, Line Thickness and Line Style, and you can also set the Background Color for a Master Item.
Figure 7: Side Menu
Custom Selection Colors
The Custom Selection Colors settings (Figure 8) are currently an experimental function. When the setting is enabled, you can choose a Selected Color, Alternative Color, Available Color and Excluded Color to define a selection status.
Figure 8: Custom Selection Colors
Mobile View (Figure 9) allows you to select particular settings for viewing the sheet menu on mobile devices. You can choose which elements (Top Menu or Side Menu) are displayed in Elements Displayed in Menu on mobile, customize Extension object sizing and display Custom mobile menu buttons, and set the Height and Width of non-native objects.
Figure 9: Mobile View