Technical documentation - Catalogue Navigator and Quick Navigator
This article describes how to configure the catalogue navigator and quick navigator.
This configuration is available in version 5.1 and later.
Overview
Catalogue navigator is used to drill down a catalogue using a tree view. The quick navigator is used to do cross jumps between nodes on the same level. They can be configured with the below settings.
Configuration of Catalogue Navigator
<CatalogueNavigator> can be displayed at different positions and behave in a few differeny ways. Options are as below.
Tag | Attribute | Values | Usage |
|---|---|---|---|
CatalogueNavigator | display | leftside, rightside expanded, collapsed | Defines where the catalogue navigator should display and if it is collapsed or expanded from start. |
CatalogueNavigator | label |
| Key text for the header. Shows as “Test” in screen dump above. |
CatalogueNavigator | label-for | ~ | XXXXX |
CatalogueNavigator | visibility | visible, hidden | If it is to be displayed or not |
CatalogueNavigator | visibility-control | toolbar, XXXX | Where icon to display catalogue navigator should reside |
CatalogueNavigator | visibility-control-media | desktop, tablet, mobile | If device is listed, catalogue navigator will display on that device |
Configuration of Quick Navigator
<QuickNavigation> can be displayed at different positions and behave in a few differeny ways. Options are as below.
Tag | Attribute | Values | Usage |
|---|---|---|---|
QuickNavigation | display | header, body | See Technical documentation - Presentation settings in version 5 for display options |
Carousel | Used to define how the quick navigation carousel shall behave. See Technical documentation - Carousel for how carousel can be configured. | ||
Catalogue | template | templates defined in profile.default.config | Defines how home to catalogue start at the very left of quick navigation carousel shall be drawn. |
EnableQuickParentNavigation |
| true, false | If true the second most left icon will be to jump one step up. |
Node | template | templates defined in profile.default.config | Defines how side and up navigation options in the quick navigation carousel shall be drawn. |
profile.config sample
<Presentation id="start" template="index" class="start">
<Trigger label="start"/>
<SearchSettings display="body"/>
<CatalogueNavigator display="leftside expanded" label-for="~" visibility="visible" visibility-control="toolbar" visibility-control-media="desktop,mobile,tablet"/>
<QuickNavigation display="header">
<Carousel class="round compact" all-slides-visible="true" show-indicators="false" />
<Node template="quick-navigation"/>
<Catalogue template="quick-navigation"/>
<EnableQuickParentNavigation>true</EnableQuickParentNavigation>
</QuickNavigation>
</Presentation>