Main Menu

On top of this page, you can see live demonstration of Main Menu with icons and rich text. Icon Arrow Up

Main Menu is very powerful menu built with clean accessible XHTML code structure and effective drop-down submenu panels.

Main Menu Icons

Main Menu Icons

You can attach any of 20 predefined icons to menu items to make them more appealing.

Main Menu Icons Settings

To set up icons, you need to go to menu item settings and add symbol combination (icon=xxx) to title where xxx is the icon name.


Main Menu Rich Text

Main Menu Rich Text

You can add descriptive text to menu items to make them much clearer.

Main Menu Rich Text Settings

To set up descriptive text, you need to go to menu item settings and add symbol combination (=) as a separator between main and descriptive text.

In the example above text Home is the main text and Lorem ipsum dolor sit... is the descriptive text. Separator between them is the symbol combination (=).


Main Menu Icons and Rich Text in combination

Main Menu Rich Text combined with Icons

You can set up menu items to utilize both icons and rich text in combination. Take a look at main menu on this page to see live demonstration.

 

Side Menu RTL

Here you can see live demonstration of Side Menu in RTL layout.

Side Menu is very unique vertical menu with slide-out panels. This menu is extremely efficient when you have complex navigation with a lot of menu items.

To setup Side Menu you just need to configure module parameter “Menu Class Suffix” appropriately and the menu system will take care of the rest. There are very detailed instructions in template documentation.

 

Tree Menu

Here you can see live demonstration of Tree Menu.

Tree Menu represents menu items in clear tree-like hierarchy, which is very appropriate for indexing menu. By default all submenu items are collapsed until you select the parent menu item.

To setup Tree Menu you just need to configure module parameter “Menu Class Suffix” appropriately and the menu system will take care of the rest.

Tree Menu with Icons and Rich Text

Here you can see live demonstration of Tree Menu with icons and rich text.

Tree Menu can present menu items with icons and descriptive text, pretty much like Main Menu and Side Menu.

To setup icons you need to configure menu items appropriately just like Main Menu. There are very detailed instructions in template documentation.

 

Top Menu

At the top of this page, you can see live demonstration of Top Menu.

Top Menu allows you to arrange menu items in horizontal line and assign icons to them. All icons are configured directly in menu item settings page which is very convenient.

You can choose up to 20 predefined icons to menu item.

To set up icons, you need to go to menu item settings and add symbol combination (icon=xxx) to title where xxx is the icon name.

 

Side Menu

Here you can see live demonstration of Side Menu.

Side Menu is very unique vertical menu with slide-out panels. This menu is extremely efficient when you have complex navigation with a lot of menu items.

To setup Side Menu you just need to configure module parameter “Menu Class Suffix” appropriately and the menu system will take care of the rest. There are very detailed instructions in template documentation.

Side Menu with Icons and Rich Text

Here you can see live demonstration of Side Menu with icons and rich text.

Side Menu can present menu items with icons and descriptive text, pretty much like Main Menu.

To setup icons you need to configure menu items appropriately just like Main Menu. There are very detailed instructions in template documentation.

Side Menu with RTL Support

Side Menu works flawlessly even in RTL layout, in which sub-menu panels will slide out from right to left.

 

More Articles...

Business Areas

TESOL – A Technology Based Company
  • IT
  • Environmental
  • Security & Surveillance
  • Education
 

Portfolio Pengalaman

Ultimate Browsers SupportDengan  pengalaman TESOL di dalam bidang IT selama 8 tahun, portfolio pengalaman mengetengahkan kepelbagaian projek yang dijalankan dan senarai klien-klien kami daripada pelbagai agensi sama ada Institusi Kerajaan, Swasta mahupun perseorangan.

Senarai Portfolio Pengalaman...

Kaunter Pelawat

Hari ini68
Semalam100
Mingguan345
Bulanan1710

Powered by Kubik-Rubik.de

Rangkaian Sosial TESOL