Individual Sub Menu Styles

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 \|
All rights reserved.	AI Website Builder \| Best AI Website Builder \| AI Website Builder \| AI Website Maker \| AI Website Generator