Description


A tile that displays a navigation menu, in a bar layout.




The Nav Bar menu


Settings

 


Tile


Auto Height: Sets the tile to have Auto Height instead of a set height. Note: Only available in responsive.

Full Width – Sets the width of the Tile to the width of the page.

Width – Adjusts the width of the tile, in pixels. Only visible when Full Width is unchecked.

Height – Adjusts the height of the tile, in pixels.

Layout Type – Sets how the menu is displayed, either Bar or List.

Background Color – Changes the background color of the tile using the color picker.

Item Color – Changes the color of each menu item using the color picker.

Hover Color – Changes the hover color of each menu item using the color picker.

 


Text

 

Override Page Font - This allows you to override the font family that has been selected if the checkbox is checked.

Font Family – Changes the font family of the items text. Selectable via a dropdown list. (Note: This is only available if Override Page Font has been selected)

Font Size – Changes the size (in pixels) of the text within the Text field.

Font Color – Changes the color of the text within the Text field. Selectable via the color picker.

Font Style – Changes the style of the text within the Text field. Either Italic and/or Underlined.

Font Weight – Changes the weight of the text within the Text field. Selectable via dropdown list.

 


Links

 

Link Target - Sets whether the link opens up in a new window or in place of the page.

Link Source – Sets the type of navigation to use, either Custom, Quick Launch or Global navigation.

 

Layout

 

Layer – Changes the depth of the tiles within the page. Selectable via dropdown either Foreground, Background or Custom.

Reorder Within Layer - Changes the depth of the tiles within the layer. Selectable via dropdown either ‘No Change’, ‘Bring to Front’ or ‘Send to Back’.

 

Advanced


Tile Visibility – Changes which groups can or cannot view the tile. Selectable via dropdown either Everyone, ‘Only for’ or ‘For everyone except’. When ‘Only for’ or ‘For everyone except’ is selected, a dropdown menu will appear where you can assign groups to the category that was selected.

Lock Tile for Non-owners – Toggles whether only tile can be only modified by an owner.

Custom CSS Classes: This section allows you to add multiple Custom CSS classes to the product, allowing you to be able to add custom CSS classes to the tile.