31 May 2012 3:09 AM #1
Unanswered: Compiling sencha.scss - No form styling!
I've been styling sencha using the scss/compass method using 'sencha-touch-2-1.0.0-commercial'. HOWEVER. my form elements do not get styled!
This is the way they look.
I wish to have the default styling for my forms, everything else seems styled fine.
like the live preview here http://docs.sencha.com/touch/2-0/#!/...t.field.Select
Screen Shot 2012-05-31 at 1.07.09 PM.jpg
// 1. Variable overrides, example:$include-default-icons: false; $page-bg-color: #fff; $base-color: #555; // 2. Include Sencha Touch styles @import 'sencha-touch/default/all'; @include sencha-panel; @include sencha-buttons; @include sencha-sheet; @include sencha-picker; @include sencha-toolbar-forms; @include sencha-tabs; @include sencha-toolbar; @include sencha-carousel; @include sencha-indexbar; @include sencha-list; @include sencha-layout; @include sencha-form; @include sencha-form-sliders; @include sencha-sheet; @include sencha-msgbox; @include sencha-loading-spinner; @include sencha-list-pullrefresh; @include pictos-iconmask('photo1');
31 May 2012 3:31 AM #2
The problem seems to be that the styling only applies to elements INSIDE a fieldset, HOWEVER the change log a few versions back stated that no field set was REQUIRED for the styling to get applied... Differences between the compiled .css files and custom compiling?
3 Jun 2012 12:39 PM #3
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
Changing the variables works for me.Mitchell Simoens @SenchaMitch
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 email@example.com
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.