Widget demo
HTML source
<div id="menu-demo-div"></div>
Javascript source
Meteora.uses('Meteora.Menu');
Meteora.onStart(
function () {
new Menu(
'menu-demo-div',
[
{
'label': 'File',
'onClick': function() {
alert('You have clicked on "File".');
},
'icon': 'go-next.png',
'items': [
{
'label': 'New...',
'icon': 'document-new.png'
},
{
'label': 'Open...',
'icon': 'document-open.png'
},
{
'label': 'Print',
'icon': 'document-print-preview.png'
},
]
},
{
'label': 'Edit',
'icon': 'edit-copy.png',
'items': [
{
'label': 'Preferences',
'onClick': function() {
alert('You have clicked on "Preferences"');
}
}
]
},
{
'label': 'View',
'icon': 'edit-find.png',
'items': [
{
'label': 'Toolbars',
'items': [
{
'label': 'Toolbar 1'
},
{
'label': 'Toolbar 2',
'items': [
{
'label': 'test'
},
{
'label': 'test',
'items': [
{
'label': 'test x'
}
]
},
{
'label': 'test'
}
]
}
]
},
{
'label': 'Sidebar',
'items': [
{
'label': 'Foo'
}
]
}
]
}
],
{
iconDir: '/media/demo'
}
);
}
);
Meteora.onStart(
function () {
new Menu(
'menu-demo-div',
[
{
'label': 'File',
'onClick': function() {
alert('You have clicked on "File".');
},
'icon': 'go-next.png',
'items': [
{
'label': 'New...',
'icon': 'document-new.png'
},
{
'label': 'Open...',
'icon': 'document-open.png'
},
{
'label': 'Print',
'icon': 'document-print-preview.png'
},
]
},
{
'label': 'Edit',
'icon': 'edit-copy.png',
'items': [
{
'label': 'Preferences',
'onClick': function() {
alert('You have clicked on "Preferences"');
}
}
]
},
{
'label': 'View',
'icon': 'edit-find.png',
'items': [
{
'label': 'Toolbars',
'items': [
{
'label': 'Toolbar 1'
},
{
'label': 'Toolbar 2',
'items': [
{
'label': 'test'
},
{
'label': 'test',
'items': [
{
'label': 'test x'
}
]
},
{
'label': 'test'
}
]
}
]
},
{
'label': 'Sidebar',
'items': [
{
'label': 'Foo'
}
]
}
]
}
],
{
iconDir: '/media/demo'
}
);
}
);