bbosnjak Posted February 23, 2017 Share Posted February 23, 2017 Rather than showing a power button in the top left corner, I'd like to display the standard "hamburger" menu icon (like "=" but with a third line). What IconCls is this, as I can't seem to identify it? Given this is a UI standard today, can the necessary icon be added to IconCls? Link to comment Share on other sites More sharing options...
Sherzod Posted February 24, 2017 Share Posted February 24, 2017 Hi, In principle, you can put any symbol of a specific font, unicode I guess Try: 1. UniServerModule -> CustomCSS: .x-tab .x-button-icon.hamburger::before, .x-button .x-button-icon.hamburger::before { bottom: 0; content: "l"; font-family: "Pictos"; left: 0; position: absolute; right: 0; text-align: center; top: 0; } 2. MainmForm -> TitleButtons -> TUnimTitleButton-0 -> IconCls -> hamburger (just type manually) Result: Or use "unicode": .x-tab .x-button-icon.hamburger::before, .x-button .x-button-icon.hamburger::before { bottom: 0; content: "\2630"; left: 0; position: absolute; right: 0; text-align: center; top: 0; } Result: Best regards. Link to comment Share on other sites More sharing options...
bbosnjak Posted February 24, 2017 Author Share Posted February 24, 2017 The Unicode one works beautifully! Thanks Link to comment Share on other sites More sharing options...
RobYost Posted November 8, 2017 Share Posted November 8, 2017 I tried using the TUnimButton I changed the iconcls to 'hamburger' (with out quotes) and the button is blank. If I use one of the ones in the list like 'more' it does work. also, is there a list of the pictures of what each icon looks like anywhere? Link to comment Share on other sites More sharing options...
Sherzod Posted November 9, 2017 Share Posted November 9, 2017 Hi, I tried using the TUnimButton I changed the iconcls to 'hamburger' (with out quotes) and the button is blank. If I use one of the ones in the list like 'more' it does work. It seems you forgot about CustomCSS: UniServerModule -> CustomCSS: .x-tab .x-button-icon.hamburger::before, .x-button .x-button-icon.hamburger::before { bottom: 0; content: "l"; font-family: "Pictos"; left: 0; position: absolute; right: 0; text-align: center; top: 0; } Link to comment Share on other sites More sharing options...
andyhill Posted November 9, 2017 Share Posted November 9, 2017 Thanks for the Hamburger Button tips. I tried to add a Menu to the MainmForm and have it called by the Hamburger TitleButton but ran into problems. 1) The Menu showed when the MainmForm is shown even though the Menu Visibility was set to False ? 2) I want Sencha themed buttons in the Menu (and as an alternative text instead of buttons) with their respective Tap events ? Please advise - Thanks Link to comment Share on other sites More sharing options...
Sherzod Posted November 9, 2017 Share Posted November 9, 2017 Hi, Please make a testcase for better understanding Best regards, Link to comment Share on other sites More sharing options...
RobYost Posted November 9, 2017 Share Posted November 9, 2017 Thanks, That works. I thought it said to do 1 OR 2, not 1 AND 2. Your instructions were clear, but I misread them. Link to comment Share on other sites More sharing options...
andyhill Posted November 10, 2017 Share Posted November 10, 2017 Farshad, Continuing from a few posts back, I am trying to get the Menu style to have the same style as the Toolbar - please advise - Thanks 1 Link to comment Share on other sites More sharing options...
Recommended Posts