PDA

View Full Version : Disable white background on toggle button



=NR=
8 Apr 2013, 12:07 AM
okay this supposed to be really simple matter,

all i want is how to disable the white background of the toggle button (hopefully without using css class)

is this background default of toggle button or i'm doing something wrong??
i'm just using the disabled and docked config of this component when i used as component item inside dataview...

42981

mitchellsimoens
9 Apr 2013, 12:11 PM
Use the cls config and then inspect the DOM to see where the background color is coming from so you can override it using CSS

=NR=
10 Apr 2013, 2:50 AM
Use the cls config and then inspect the DOM to see where the background color is coming from so you can override it using CSS

Hi Mitchell,

thanks for the reply,

tried your suggestio (without using the cls config and goes directly to trace the background color)

i found that the toggle button are wrapped inside the following div:


<div class="x-component-outer" id="ext-element-86">
html declaration for the toggle button is here
</div>


and here are the configuration of that "x-component-outer" css class:



border: 1px solid #061f31;
border-top-color: #092e47;
color: white;


based on the css class name i assumed that this is the default css class that sencha use to wrapped a component and therefore a button will also have a white background ?:-/

=NR=
16 Apr 2013, 2:32 AM
bump..

anyone having trouble with this or having idea to solve this problem?? :-/

because currently i think everything derived from Ext.field.* will have this white background :s


PS: and how do we resize this component?
cause i'm trying to use the width and height yet its not working,
i think it must be overwrittern by the default css yet again..