Sales Creatio, commerce edition
PDF
This documentation is valid for Creatio version 7.16.0. We recommend using the newest version of Creatio documentation.

Navbar

The [Navbar] element (Fig. 1) is a navigation bar containing a list of menu links. The navbar element can be configured differently for mobiles.

Fig. 1 Adding a [Navbar]

adding_navbar_from_toolbar.gif 

Fig. 2 Navbar setup area

scr_navbar_setup_area.png

Property

Function

Breadcrumb navigation (1)

Use “breadcrumbs” at the top of the setup area to navigate the parent (column, section, banner, block and template) elements.

Navbar constructor

Add, remove, and move the navigation links.

To access the setup area of a navlink, click the corresponding item in the navlink list.

Click [Add link] to add a link

Click content_section_item_view_model_remove_icon00062.png to remove a link (last link cannot be removed).

Align

Align the navlinks in the navbar.

Hamburger menu

Enable “hamburger” menu on mobile devices, displaying menu links one over another.

Icon align

Align the hamburger menu icon horizontally (left btn_alignment_horizontal_left00063.png, center btn_alignment_horizontal_center00064.png or right btn_alignment_horizontal_right00065.png).

This property is only available if the hamburger menu is enabled.

Icon color

Click font_color_picker00066.png to update the hamburger menu icon color.

This property is only available if the hamburger menu is enabled.

Navlink

The [Navlink] element (Fig. 3) is a navigation link for the parent navigation bar containing a list of navigation links.

Fig. 3 Adding navlink

adding_navlink_from_toolbar.gif 

Fig. 4 Navlink setup area

scr_navlinik_setup_area.png

Property

Function

Breadcrumb navigation (1)

Use “breadcrumbs” at the top of the setup area to navigate the parent (column, section, banner, block and template) elements.

Link to open

Provide the URL to the desired destination in the [Link to open] area.

Font

Use this settings group to configure the font settings of the link.

[Content builder font set] – select the font family of the menu link from the list of registered font families. To modify the list of fonts used in your template, update the “Content builder font set” lookup. Read more in the “Updating available Content Designer fonts” article.

[Size, px] – specify the width and height of the font in pixels.

Click font_color_picker00067.png to open the color picker and select the font color.

[Line height, px] – specify the spacing between the lines and the borders of the button.

The maximum line height is 250px; the minimum line height cannot be less than the size of the font.

Padding, px

Specify the distance (in pixels) between the text and each of the borders of the container.

Padding is specified separately for each side.

Next

Spacer

Did you find this information useful?

How can we improve it?