Absolute Position - Horizontal Right
This sample demonstrates a right-aligned horizontal main menu with absolute position.
The following settings are used for the main menu in the last section (i.e. MENU TREE FEATURES) of the configuration file (c_config.js):
// MAIN-MENU FEATURES
'horizontal', // ItemsArrangement ('vertical','horizontal')
'absolute', // Position ('relative','absolute','fixed')
'11em', // X Position (values in CSS valid units- px,em,ex)
'2em', // Y Position (values in CSS valid units- px,em,ex)
true, // RightToLeft display of the sub menus
false, // BottomToTop display of the sub menus
...
Because the menu items (the LI elements) of a horizontal main menu are left-floated a horizontal main menu cannot be automatically right-aligned. You can manually achieve right alignment for a horizontal main menu by setting a X Position value that will produce an appropriate left offset for the main menu and will shift it to the right - e.g. in this example:
'11em', // X Position (values in CSS valid units- px,em,ex)
Download this sample
You can download the complete example or just see the configuration file and the images used for it.
