PDA

View Full Version : Change Background Color of FormPanel



gary7au
24 Jan 2011, 5:10 AM
When I attempted the following:

..
cls: 'optionsForm',
...

using the following CSS:

.optionsForm
{
background-color:Blue;
color:Green;
}

the only change I got on the FormPanel was the colour Green, the background-color was ignored.

Am I doing something wrong?

Cheers

Gary

openthesky7
24 Jan 2011, 11:13 AM
If you want fully customize it, edit the file
/sencha-lib/resources/themes/stylesheets/sencha-touch/default/widgets/_form.scss

Google before "SenchaTouchThemes filetype:pdf". You have to have ruby and compass installed in order to compile theme.

openthesky7
24 Jan 2011, 11:15 AM
Also could be helpful: http://www.sencha.com/forum/showthread.php?122040-SenchaTouch-Themes-how-to-change-color-of-placeHolder-in-textfield

gulfdice
30 Mar 2011, 12:06 PM
Add Background Color Property to bodyStyle attribute of Formpanel Like

bodyStyle:'background-color:#fff;padding: 10px',
it will change background colour of form panel

Rhoover
30 Mar 2011, 12:22 PM
adding the following to my custom css file worked as well:


.x-form .x-panel-body {
/* add what you want here, don't forget !important */
}

hallester
22 Mar 2012, 6:58 AM
Add Background Color Property to bodyStyle attribute of Formpanel Like

bodyStyle:'background-color:#fff;padding: 10px',
it will change background colour of form panel


-------------------
the padding option not really need it, but it worked like a charm!

Thanks for the post.....
-------------------