Using dividers in a menu¶
Rules to use a divider¶
- You can only use dividers in a single column menu. In other words, the ColumnCount must be set to 1
- The Data must be an object or array of objects
- The value must be set to ‘divider’
{ 'Search' :'divider' }
^^^^^^^
in a call like the one below:
var Menu_w_Dividers =[ { 'Search' : 'divider' },
{ 'Google' :'http://www.google.com' },
{ 'Yahoo' :'http://www.yahoo.com' },
{ 'Business' : 'divider' },
{ 'CNBC' :'http://www.cnbc.com' },
{ 'MarketWatch' :'http://www.MarketWatch.com' } ];
$('button[id="menu_divs_filts"]').menuoptions({
'MenuOptionsType': 'Navigate', // this is a menu
'Data': Menu_w_Dividers, // Data is array of objects
// 2 mouseover filters using RegExps
'Filters': [{ 'Biz' : '^(CNBC|MarketWatch)'}, {'Search' :'^(Google|Yahoo)'} ],
'Sort': [], // don't sort, display in the original order
});