There are currently two types of navigation elements supported in IAMI. These are MENU types and SCROLLERS.
A SCROLLER is an animated set of images which continuously scroll within a window on the page. Each image is linked to a particular page, and clicking on the image takes the user to that page. It is particularly useful for product showcases.
The MENU section currently supports four different menu types:
These menus are typically used for complex menus with submenus, and open up each level as the mouse hovers over each option. they can be horizontal or vertically aligned:
This type of menu mimics the standard type of drop-down selector seen on web pages, except that by making it multi-level you can create a series of selectors with the content of the lower ones changing as different options are selected above.
this is the simplest type of menu, and is a simple line of text with each menu option separated by specified characters or an image. typically, they are used at the foot of the page.
These menus are vertically aligned, and as each menu option is clicked the menu expands to reveal the sub-options.
In almost all cases your menus will be configured when the system is set up, so you don't have to worry about most of the technical aspects. You can easily add or remove menu options as follows:
1. Click the NAVIGATION icon and select MENUS
2. This takes you to the list of menus currently configured for your system, which might look like this:
3. Most menu types support multiple levels. In IAMI, if a menu has sub-options we say this option has 'children'. Each menu is constructed like a family tree. If a menu option has children, you will see this icon against it: . Click on this icon to zoom down to the next level. If an option does not have children, a icon will be shown. This means that this option is the 'end of the line' and will link to a web page or similar external URL. the page shown above is the 'top level'. If one of the icons is clicked, you will see a much more complicated page. You can ignore most of this if you are not concerned with altering the appearance of your menu, and go to the bottom section of the page:
4. To delete a menu option simply click the icon and confirm. Before you do that, you might consider simply hiding this option. This is especially useful when developing your site, and you know you will need a section for something but don't yet have the content. To change any other aspect of the menu option, click the or icon.
5. After clicking the or icon, you might see a screen which looks like this:
This is the screen which will probably get used the most. The main parts are the NAME and the LINK TO boxes. These specify what this menu option appears as on the menu, and where it links to when clicked. If you are linking to an internal page, then it stands to reason that the page must have been previously created, but this shouldn't stop you building your menu structure - you can always return later and link-up the menu option. You can use some basic HTML tags in the NAME box. For example, if you want the option to appear over two lines, use the
(break) tag, e.g. Marketing and
Menu options can be made to appear or be hidden depending on whether or not a particular cookie is set (your system administrator can provide details of cookies for your system configuration). An example of this can be found on web sites where people can log in. When they are not logged in, the menu option to 'Log In' will show. When they are logged in, this is replaced with a 'Log Out' option.
menus are deployed on a page by inserting a special IAMI tag. The tag is of the form n(Menu ID), where Menu ID is the top-level ID number of the menu you want to display. In most cases your menus will be set up and deployed as part of the original system configuration.