How add a  triangle  to  menu item

857
3
Jump to solution
06-03-2014 06:27 AM
xiaoyunnsongb
New Contributor III
Hello every superiors??
       Now  I have  a question that can not solve??please lost  some time??Thanks very much???
  
How add a triangle to menu ??[ATTACH=CONFIG]34304[/ATTACH],next File to add a  triangle  like [ATTACH=CONFIG]34305[/ATTACH]


code:
require([
    "dijit/MenuBar",
    "dijit/PopupMenuBarItem",
    "dijit/Menu",
    "dijit/MenuItem",
    "dijit/DropDownMenu",
    "dojo/domReady!"
], function(MenuBar, PopupMenuBarItem, Menu, MenuItem, DropDownMenu){
    var pMenuBar = new MenuBar({});

    var pSubMenu = new DropDownMenu({});
    pSubMenu.addChild(new MenuItem({
        label: "File item #1"
    }));
    pSubMenu.addChild(new MenuItem({
        label: "File item #2"
    }));
    pMenuBar.addChild(new PopupMenuBarItem({
        label: "File",
        popup: pSubMenu
    }));

    var pSubMenu2 = new DropDownMenu({});
    pSubMenu2.addChild(new MenuItem({
        label: "Cut",
        iconClass: "dijitEditorIcon dijitEditorIconCut"
    }));
    pSubMenu2.addChild(new MenuItem({
        label: "Copy",
        iconClass: "dijitEditorIcon dijitEditorIconCopy"
    }));
    pSubMenu2.addChild(new MenuItem({
        label: "Paste",
        iconClass: "dijitEditorIcon dijitEditorIconPaste"
    }));
    pMenuBar.addChild(new PopupMenuBarItem({
        label: "Edit",
        popup: pSubMenu2
    }));

    pMenuBar.placeAt("wrapper");
    pMenuBar.startup();
});
<div id="wrapper"></div>
0 Kudos
1 Solution

Accepted Solutions
KenBuja
MVP Esteemed Contributor
You could use a special character

    pMenuBar.addChild(new PopupMenuBarItem({         label: "File ???",         popup: pSubMenu     }));  

View solution in original post

0 Kudos
3 Replies
KenBuja
MVP Esteemed Contributor
You could use a special character

    pMenuBar.addChild(new PopupMenuBarItem({         label: "File ???",         popup: pSubMenu     }));  
0 Kudos
by Anonymous User
Not applicable
Original User: jon.uihlein

I'm a fan of Ken's way but others may suggest a CSS background-image based solution.
0 Kudos
xiaoyunnsongb
New Contributor III
thanks Mr.kenbuja, if there is other css method,that is perfect ,but this method is very simple to modify ,thanks again
0 Kudos