Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Custom Styling a Menu and submenus

    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:

    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
    });
    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

    #2
    Any chance of some feedback on this?

    Andy

    Comment


      #3
      Similar issue

      I too am trying to style a menu with little success. Any chance of this being reviewed?

      regards

      Colin.

      Comment


        #4
        Still no response?

        Do I need to provide more information?

        Andy

        Comment

        Working...
        X