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