Navigational Menu

Navigational Menu

There are 2 types of navigational menus

Horizontal Menu

Horizontal menu is usualy placed as part of header design. By default Claromentis uses horizontal menu If you would like to use horizontal menu, make sure these files are set correctly.

/interface_custom/common/htmlheader.html

...
<link href="/interface_custom/css/MenuHor.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="/interface_custom/css/MenuHorIE6.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/interface_custom/js/ClaMenu.js"></script>
<![endif]-->
...

/interface_custom/common/page_top.html

This code below has be placed within “header” section at page_top.html

...
  <!-- HORIZONTAL MENU -->
  <div class="menucontainer">
    <div class="adxm menu"> <component class_key="intranet_menu" menu_name="menu"></div>
  </div>
  <!-- //HORIZONTAL MENU -->
...

Replace menu_name=”menu” with code name from menu builder application.

Vertical Menu

Vertical menu is usualy placed on the infobar. If you would like to use vertical menu, make sure these files are set correctly.

/interface_custom/common/htmlheader.html

...
<link href="/interface_custom/css/MenuVer.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="/interface_custom/css/MenuVerIE6.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/interface_custom/js/ClaMenu.js"></script>
<![endif]-->
...

/interface_custom/common/infobar.html

This code below has be placed within “infobar” section

...
     <div class="adxm menu"><component class_key="intranet_menu" menu_name="menu"></div>
...

Don’t forget to comment-out menu component on the header should you decided to use vertical menu located on the infobar.

Required files

CSS files

/interface_custom/css

MenuHor.css
MenuHorIE6.css
MenuVer.css
MenuVerIE6.css

Javascript file

Required to support IE6 browser

/interface_custom/js

 Cla_menu.js