Hi
I'm using the Smartclient 9 feature explorer: http://smartclient.com/docs/9.0/a/system/reference/SmartClient_Explorer.html#fullMenu
I'm running in Chrome
I have amended the JavaScript to change the baseStyle:
When I run this and use Chrome's Dev Tools to inspect the page elements, I am finding that only the Keyboard Shortcut area of the menus and submenus are getting the changed style.
The menu, as a whole, has a style of menuTable and the individual cells have style menuTitleField.
In my application's code I have copied the whole .menu CSS setting and created my own style, named .myMenuStyle...
I can force the menu to use this style by implementing getBaseStyle() but this isn't causing the submenus to reflect the style...
How do I get the menu to use my style? Changing the supplied .menu CSS is not an option as I need it for other menus...
Andy
I'm using the Smartclient 9 feature explorer: http://smartclient.com/docs/9.0/a/system/reference/SmartClient_Explorer.html#fullMenu
I'm running in Chrome
I have amended the JavaScript to change the baseStyle:
Code:
isc.Menu.create({
ID: "menu",
autoDraw: false,
showShadow: true,
shadowDepth: 10,
baseStyle: "windowHeader",
data: [
{title: "New", keyTitle: "Ctrl+N", icon: "icons/16/document_plain_new.png"},
{title: "Open", keyTitle: "Ctrl+O", icon: "icons/16/folder_out.png"},
{isSeparator: true},
{title: "Save", keyTitle: "Ctrl+S", icon: "icons/16/disk_blue.png"},
{title: "Save As", icon: "icons/16/save_as.png"},
{isSeparator: true},
{title: "Recent Documents", icon: "icons/16/folder_document.png", submenu: [
{title: "data.xml", checked: true},
{title: "Component Guide.doc"},
{title: "SmartClient.doc", checked: true},
{title: "AJAX.doc"}
]},
{isSeparator: true},
{title: "Export as...", icon: "icons/16/export1.png", submenu: [
{title: "XML"},
{title: "CSV"},
{title: "Plain text"}
]},
{isSeparator: true},
{title: "Print", enabled: false, keyTitle: "Ctrl+P", icon: "icons/16/printer3.png"}
]
});
isc.MenuButton.create({
ID: "menuButton",
title: "File",
width: 100,
menu: menu
});
The menu, as a whole, has a style of menuTable and the individual cells have style menuTitleField.
In my application's code I have copied the whole .menu CSS setting and created my own style, named .myMenuStyle...
I can force the menu to use this style by implementing getBaseStyle() but this isn't causing the submenus to reflect the style...
How do I get the menu to use my style? Changing the supplied .menu CSS is not an option as I need it for other menus...
Andy
Comment