segmented button color change of pressed button

[manoveg]

Hi,

I am new to sencha. Kindly bear with me.
I have a segmented button component with two buttons.
I want to change color of the pressed button to something other than default behavior .
Please advice.

[sword-it]

Hi,
you may use 'pressedCls' with your button.
it will apply styles defined within your css class to the button when it is pressed.

   {
            xtype: 'button',
            pressedCls : 'yourPressedButton',
          ...
    }

for more info, check this:- http://docs.sencha.com/touch/1-1/#!/api/Ext.Button-cfg-pressedCls

[manoveg]

Thanks for the hint.

it worked for me in the following way

xtype:'button',
cls: 'button_pressed',

and in my style.css

.button_pressed.x-button-pressed{
color: #148DEA;
background:#148DEA !important; 
}

[Manoj Solanki]

Hello friends,

Default border of segmented button is ROUNDED.
Can anyone tell me how can I make border of segmented button "square".
Thanks in advance....

[anoopmishra]

try using 'border-radius:0' in the style config of your button

[Manoj Solanki]

Thanks for the reply.. I did it...