chameleon sidebar-menu

Flow
1

Hi ,

I’m trying to do the same as the side-menu bar demo ,

setStyleName(“sidebar-menu”);
addComponent(new NativeButton(“2”));

but my NativeButton is not getting highlighted when selected, why?

thx :slight_smile:

2

As said on the demo site, you need to handle the style switching logic yourself, it is not handled automatically. If you use the DetachedTabs component as in the demo, you don’t need to do anything special.

3

Thanks , used DetachedTabs :smiley:


Update

btw , how a style can make a label to be uppercase? and in the example editor , is the First Component and the Compound Styles labels are in same DetachedTabs ?

4

To make text uppercase regardless of the original form use the text-transform property:

.v-label-uppercase {
    text-transform: uppercase;
    }

Possible values are: none/capitalize/uppercase/lowercase