Loading...
 

What do you think?

What do you think of this project?



Anti-Bot verification code: Random Image

View Results
(Votes: 917)

"Your book is definitely the major way to become acquainted with Tiki."
Is Smarties helpful?

Become a Fan

Become a fan.
http://facebook.com/twbasics
Become a fan.

Smart Tweets


Smart Readers



Advertising



[Show/Hide Left Column]

Drop-down
| Share |Send link to a friend.
Print Convert to PDF
Previous page Parent page Next page

Creating Dynamic Menus

Tiki can create dynamic "drop-down" and "fly-out" menus, by using CSS and PHP Layers(external link).
WarningWarning:
Starting with Tiki 5.0, CSS Menus are used by default in place of PHP Layers. The PHP Layers feature will be deprecated and removed in later releases — you should use CSS instead.

#From the Administration: General page, enable the _CSS menus option on the Navigation tab and click Change Preferences__.
+
NoteNote:
You can use PHP Layers or CSS Suckerfish to generate dynamic menus.
+
Administration: Features
Enabling the CSS Meus option.
  1. Expand the Admin menu and select Modules.
  2. Click the User Modules tab.
  3. On the User Modules tab, click Edit ( Edit) for the menu module you created earlier.
    User Modules
    Edit your custom menu module.
  4. In the Edit This User Module area, replace the {menu id=43} with {menu id=43 css=y type=vert}
    User module
    Replacing the standard menu with a PHP layers menu.

    TipTip:
    You can use the CSS Menus option in the Objects that can be included area to automatically add this code.
  5. Click Save. Tiki saves the information and reloads the Admin Modules page.


Notice that your Main Menu module has changed. Instead of the suboptions for the Features being in a folder, they are now in a dynamic "flyout" menu.
Main Menu
The dynamic Main Menu.


NoteNote:
If the module does not appear, you may need to clear your browser's cache, or click Clear cache to clear Tiki's cache. Then refresh the page.



Types of Dynamic Menus

Tiki includes support for several types of dynamic menus. You can specify the menu type when assigning the menu to a module:

Menu Type Syntax Sample
Default PHP {phplayers id=XX} Tree
Default CSS {menu id=XX css=y} Tree
Vertical PHP {phplayers id=XX type=vert} Vertical
Vertical CSS {menu id=XX css=y type=vert} Vertical
Horizontal PHP {phplayers id=XX type=horiz} Horizontal
Horizontal PHP {menu id=XX css=y type=horiz} Horizontal


TipTip:
Replace the XX with the ID for your menu. The menu's ID is shown on the Admin Menus page.


Later, you'll learn how to use a dynamic menu with the Look & Feel feature to create a drop-down menu in the Tiki top bar.


Previous page Parent page Next page

Contributors to this page: Rick Sapir and System Administrator .
Page last modified on Saturday, June 05, 2010 12:59:12 pm EDT by Rick Sapir.
The content on this page is licensed under the terms of the Copyright.

Drop-down
| Share |Send link to a friend.
Print Convert to PDF
Feedback Form
Feedback Analytics