Loading...
 

Custom Menus

More screenshots are needed

In Tiki you can use the admin-menus panel, or a wiki page, or a structure to create a custom menu. Menus and many other things can be placed into custom "user" modules using the Smarty {menu ...} syntax. The modules can then be placed in a left or right column or the syntax can be placed directly in the various custom code text areas of the Look & Feel admin panel. Menus can be plain, collapsible, you can create a menu where sections of a menu item can be expanded or collapsed within a parent section (folder) or they can be displayed as dynamic menus with some fancy look and effects using CSS and jQuery.

Menu types are specified when the menus are assigned on the Admin Modules page. A menu can be a Bootstrap menu, which uses the Bootstrap CSS framework's navbar and dropdown construction, or a CSS superfish menu, or a legacy Tiki menu. The default difference in these is that the Bootstrap menu "parent" item requires a click to open the dropdown of child items, whereas the superfish menu opens when the pointer hovers over the parent. This means the Bootstrap parent item can't be a link for navigation; it's simply a switch to display the child items. On the other hand, the superfish menu's parent items, since they display the child items on hover, can be a navigation link on click.

Also, in vertical Bootstrap menus, child items display straight down, whereas superfish menu "dropdowns" fly out horizontally. Finally, Bootstrap menus are limited to two levels (parent and child) (but see "Smartmenus" below), while superfish menus can have up to four levels. The type of menu is specified on the admin-modules page, when the menu-containing module is assigned to a module zone.

Since Tiki 20, Smartmenus functionality has been added to Tiki. Smartmenus enhance Bootstrap menus in these ways, among others:

  • Dropdowns open on mouse hover rather than mouse click (in desktop mode).
  • Multiple levels of dropdowns are supported.
  • See Introduction to Smartmenus jQuery for the complete list.

To activate Smartmenus, go to the "Interface" tab of the "Features" admin page (tiki-admin.php?page=features#contentadmin_features-interface) . Smartmenus come with several themes or "modes", but for visual consistency with Tiki's themes, "None" should be selected. The feature is then automatically applied to every horizontal Bootstrap menu, such as in navbars. Support for vertical Bootstrap menus is still being worked out, so stay tuned. In the meantime, superfish menus can be used to get the same behavior. When fully integrated, Bootstrap + Smartmenus should make CSS superfish menus redundant.

 Tip
For an easy, community editable menu use Module menupage, which creates a menu from the menu construction content of a designated wiki page.
List Slides
Custom Menus More screenshot s are needed In Tiki you can use the admin-menus panel, or a wiki page, or a structure to create a custom menu. Menus and many other things can be placed into custom "user" modules using the Smarty {menu ...} syntax. The modules can then be placed in a left or right column or the syntax can be placed directly in the various custom code text areas of the Look & Feel admin panel. Menus can be plain, collapsible, you can create a menu where sections of a menu item can be expanded or collapsed within a parent section (folder) or they can be displayed as dynamic menus with some fancy look and effects using CSS and jQuery. Menu types are specified when the menus are assigned on the Admin Modules page. A menu can be a Bootstrap menu, which uses the Bootstrap CSS framework's navbar and dropdown construction, or a CSS superfish menu, or a legacy Tiki menu. The default difference in these is that the Bootstrap menu "parent" item requires a click to open the dropdown of child items, whereas the superfish menu opens when the pointer hovers over the parent. This means the Bootstrap parent item can't be a link for navigation ; it's simply a switch to display the child items. On the other hand, the superfish menu's parent items, since they display the child items on hover, can be a navigation link on click. Also, in vertical Bootstrap menus, child items display straight down, whereas superfish menu "dropdowns" fly out horizontally. Finally, Bootstrap menus are limited to two levels (parent and child) (but see "Smartmenus" below), while superfish menus can have up to four levels. The type of menu is specified on the admin-modules page, when the menu-containing module is assigned to a module zone. Since Tiki 20, Smartmenus functionality has been added to Tiki. Smartmenus enhance Bootstrap menus in these ways, among others: Dropdowns open on mouse hover rather than mouse click (in desktop mode). Multiple levels of dropdowns are supported. See Introduction to Smartmenus jQuery for the complete list. To activate Smartmenus, go to the "Interface" tab of the "Features" admin page (tiki-admin.php?page=features#contentadmin_features-interface) . Smartmenus come with several themes or "modes", but for visual consistency with Tiki's themes, "None" should be selected. The feature is then automatically applied to every horizontal Bootstrap menu, such as in navbars. Support for vertical Bootstrap menus is still being worked out, so stay tuned. In the meantime, superfish menus can be used to get the same behavior. When fully integrated, Bootstrap + Smartmenus should make CSS superfish menus redundant. Tip For an easy, community editable menu use Module menupage , which creates a menu from the menu construction content of a designated wiki page.