1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    39
    Answers
    3
    Vote Rating
    1
    Derroy is on a distinguished road

      0  

    Default Unanswered: Compiling sencha.scss - No form styling!

    Unanswered: Compiling sencha.scss - No form styling!


    Hello,

    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

    Code:
    // 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');

  2. #2
    Sencha User
    Join Date
    Feb 2012
    Posts
    39
    Answers
    3
    Vote Rating
    1
    Derroy is on a distinguished road

      0  

    Default


    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. #3
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,330
    Answers
    3541
    Vote Rating
    847
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Changing the variables works for me.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    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 services@sencha.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.

Thread Participants: 1