8 Apr 2013 12:07 AM #1
Disable white background on toggle button
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...
9 Apr 2013 12:11 PM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
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
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
10 Apr 2013 2:50 AM #3
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>
border: 1px solid #061f31; border-top-color: #092e47; color: white;
16 Apr 2013 2:32 AM #4
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
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..