View Full Version : flat borderless menubar with image as logo

20 Sep 2013, 4:53 AM

I am having a layout to make, somethign like this:
IMAGE BTN1 BTN2 BTN3 text | anchor1 anchor2 IMAGE

my problem is how to make borderless text button, just next after an image. And image and the buttons are the same height. Once buttons hover over should chnage their background to another (blue) color, and ever further once clicked (selected), then stays blue, until another button would be selected.
What I thought to do is tab panel. But the pain is there unable to add an image before tab panel buttons. And even remove any style.

what do you thing?


21 Sep 2013, 3:48 AM
Try placing all upper row into a toolbar and configure toggleGroup for buttons.

26 Sep 2013, 11:29 PM
toggle group is a pretty good idea.

Now, I am trying to make large scaled text only button, to avoid shade background. Any idea who I can make flat bg? Similar as once selected by toggle-grp?
Also problem with vertical to set middle. Not sure cls, txtCls or what will do it.


29 Sep 2013, 10:10 PM
You can add a regular 'component' to toolbar - just specify it as xtype. Component doesn't have any hover/focus styles so you will need to setup them yourself. align:'middle' is a config for toolbar's layout.