(c) 2016, Deluxe-Menu.com
Search  
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu  
  Product Info
  What's New what's new
  Features what's new
  Installation what's new

  Deluxe Tuner GUI what's new

  Javascript API dynamic menu
  Description of Files dynamic menu
  Supported Browsers supported browsers

  Customization
  Parameters supported browsers
  Menu Items supported browsers
  Individual Item Styles supported browsers
  Individual Submenu Styles supported browsers


 

    Individual Sub Menu Styles

Individual Sub Menu Styles

Individual sub menu styles are special menu parameters (arrays) that you can assign to each submenu of the menu.

var menuStyles = [
        ["paramName=value", "paramName=value", "paramName=value", ...],     // style with index 0
        ["paramName=value", "paramName=value", "paramName=value", ...],     // style with index 1
        ...
];


Each style can accept the following sub menu parameters:

paramName=value Description
smWidth=200px Width of a submenu. It's recommended to set 'px' units.
smHeight=500px Height of a submenu. It's recommended to set 'px' units.
smColumns=3 Number of columns.
menuBorderWidth=1 Width of a border.
menuBorderStyle=solid Styles of a border.
Available values:
"none", "solid", "double", "dotted", "dashed", "groove", "ridge".
menuBorderColor=#AA0000 Color of a border.
itemSpacing=2 Item spacing.
itemPadding=5px Item padding. It's recommended to set 'px' units.
menuBackColor=#0033EC Background color.
menuBackImage=image Background image.
CSS=class CSS class name.
Works if var cssStyle=1; in menu parameters.


To assign the style to a sub menu you should assign this style to the first item in this submenu.
For example:

var menuStyles = [
        ["smWidth=300", "menuBorderWidth=2"],     // style 0
        ["smHeight=450", "itemSpacing=4", "itemPadding=15", "menuBackImage=myimage.jpg"],     // style 1
];


var menuItems = [
        ["Product Info"],
             ["|Features", "features.html", , , "Tip Text", , , "0"],     // assign style 0 to the first item in the sub menu
             ["|Parameters", "params.html", , , "Tip Text"],
        ["Support"],
             ["|Contacts", "contacts.html", , , "Tip Text", , , "1"],     // assign style 1 to the first item in the submenu
             ["|Write Us", "mailto:[email protected]"],
];



Use Deluxe Tuner application to create and assign individual styles.

See also:
     Menu Items
     Individual Item Styles


Bootstrap Navbar Example Bootstrap Switch Value  |  Bootstrap Slider Usage  |  Bootstrap Tooltip Placement  |  Bootstrap Progress bar Jquery  |  Bootstrap Textarea Group  | 
Copyright (c) 2019, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. Best AI Website Builder | Free AI Website Builder | AI Website Maker | AI web design generator | AI website design generator