Kentico CMS 7.0 Controls

General

General

Previous topic Next topic Mail us feedback on this topic!  

General

Previous topic Next topic JavaScript is required for the print function Mail us feedback on this topic!  

The appearance of the CMSListMenu control is determined by the CSS classes it uses and by some of its properties.

 

The following properties can be used to specify used CSS classes:

 

Property Name

Description

FirstItemCssClass

Specifies the CSS class for the first item on every menu level.

HoverCSSClassName

Name of the surrounding CSS class that is used to define styles for the hover effect if you want to render a drop‑down menu.

LastItemCssClass

Specifies CSS class for the last item on every menu level.

 

You can also modify the design using the following CSS classes if the RenderCssClasses property is set to true:

 

Class Name

Description

CMSListMenuUL

UL element style

CMSListMenuLI

LI element style

CMSListMenuLink

A element style

CMSListMenuHighlightedLI

LI element style of a highlighted item

 

The recommended place to define these classes is in a stylesheet in the Kentico CMS administration interface at Site Manager -> Development -> CSS stylesheets. These stylesheets can be applied to individual documents (pages) that contain the control in CMS Desk -> Content -> Edit -> Properties -> General -> CSS stylesheet.

 

Please refer to Using the CSSPrefix property to learn how to add prefixes to these classes to customize items at any menu level.

 

The name of the CSS class used to render a drop‑down menu must be identical to the value entered into the HoverCSSClassName property. Please be aware that this is case sensitive.

 

For examples of CSS styles that render a drop‑down menu, please see the following topics:

 

Creating a horizontal drop‑down menu using CSS styles

Creating a vertical drop‑down menu using CSS styles