CSS classes: Navigation widget

Following is the list of CSS classes applied to Navigation widget:

CSS class name
Class set to
Default HTML tag
sfNavWrp Outer wrapper of navigation widget. <div> 
sfNavHorizontalWrp  Outer wrapper of horizontal (one-level) navigation.
<div>
sfNavHorizontalDropDownWrp  Outer wrapper of horizontal with dropdown menus navigation.
<div> 
sfNavHorizontalTabsWrp  Outer wrapper of horizontal with tabs (up to 2 levels).
<div> 
sfNavHorizontalSiteMapWrp  Outer wrapper of Sitemap in columns (up to 2 levels). <div> 
sfNavVerticalSiteMapWrp  Outer wrapper of Sitemap in rows (up to 2 levels).
<div> 
sfNavVerticalWrp  Outer wrapper of Vertical (1 level).
<div> 
sfNavTreeviewWrp  Outer wrapper of Vertical with sublevels (treeview).
<div> 
sfNavHorizontal  Wrapper of horizontal (one-level) navigation.
<ul> 
sfNavHorizontalDropDown  Wrapper of horizontal with dropdown menus navigation.
<ul> 
sfNavHorizontalTabs  Wrapper of horizontal with tabs (up to 2 levels).
<ul> 
sfNavHorizontalSiteMap  Wrapper of Sitemap in columns (up to 2 levels).
<ul> 
sfNavVerticalSiteMap  Wrapper of Sitemap in rows (up to 2 levels).
<ul> 
sfNavVertical  Wrapper of Vertical (1 level).
<ul> 
sfNavTreeview  Wrapper of Vertical with sublevels (treeview).
<ul> 
sfNavList  Wrapper of navigation widget for all navigation modes.
<ul> 
sfSel  Selected navigation item.
<a> 
sfLevel1  Wrapper for first level items of horizontal with tabs.
<ul> 
sfLevel2  Wrapper for second level items of horizontal with tabs  <ul> 

Was this article helpful?