1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    255
    Answers
    6
    Vote Rating
    2
    landed is on a distinguished road

      0  

    Default Answered: Style Issue with pull to refresh.

    Answered: Style Issue with pull to refresh.


    I am running into problems with a pull refresh styling issue. I discovered the css is missing from my build but I cant see where are the new styles coming from.

    what is missing from my compass compiled code is the following
    Code:
    .x-list-pullrefresh {  display: -webkit-box;
      display: box;
      -webkit-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-align: center;
      box-align: center;
      -webkit-box-pack: center;
      box-pack: center;
      position: absolute;
      top: -5em;
      left: 0;
      width: 100%;
      height: 4.5em;
    }
    I now have a theory that with each release of ST2 I am still building with old css files. So I include my build file for exam
    Code:
    # compass compile => ../css/application.css
    
    # Delineate the directory for our SASS/SCSS files (this directory)
    sass_path = File.dirname(__FILE__)
     
    # Delineate the CSS directory (under resources/css in this demo)
    css_path = File.join(sass_path, "..", "css")
     
    # Delinate the images directory
    images_dir = File.join(sass_path, "..", "img")
     
    # Load the sencha-touch framework
    #load File.join(sass_path, '..', '..', 'lib', 'sencha-touch-2-rc', 'resources', 'themes')
    load File.join(sass_path, '..', '..', 'lib', 'sencha-touch-2.0.0-gpl', 'resources', 'themes')
     
    # Specify the output style/environment
    output_style = :expanded # :compressed
    environment = :production


    is there a plugins include. I suppose I can just add this to my .scss file and recompile but I would kind of like to do things properly so how can I get this missing style in my compass build working right.

    ref :
    http://www.sencha.com/blog/an-introd...g-sencha-touch

  2. In your app.scss you should be able to add:

    Code:
    @include sencha-list-pullrefresh;

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,327
    Answers
    3540
    Vote Rating
    850
    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


    In your app.scss you should be able to add:

    Code:
    @include sencha-list-pullrefresh;
    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.

  4. #3
    Sencha User
    Join Date
    Feb 2012
    Posts
    255
    Answers
    6
    Vote Rating
    2
    landed is on a distinguished road

      0  

    Default SOLVED

    SOLVED


    I did that and it fixed my issue. Curious to know why is this line already being included elsewhere then ? For example in

    resources\sass\android.scss

    Thanks for your help in solving it though.

  5. #4
    Sencha User
    Join Date
    Apr 2012
    Posts
    5
    Answers
    1
    Vote Rating
    0
    SeanP is on a distinguished road

      0  

    Default


    This one bit me as well. It would be great if you could add this requirement on the documentation page for the PullRefresh plugin.

  6. #5
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,327
    Answers
    3540
    Vote Rating
    850
    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


    We are trying to have all the SASS files be separate for each component so that you can specify in good detail what you need and what you don't
    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: 2

Tags for this Thread