-
2 Apr 2012 5:50 AM #1
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 followingI 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 examCode:.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; }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
-
Best Answer Posted by mitchellsimoens
In your app.scss you should be able to add:
Code:@include sencha-list-pullrefresh;
-
2 Apr 2012 6:01 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,582
- Vote Rating
- 433
- Answers
- 3101
In your app.scss you should be able to add:
Code:@include sencha-list-pullrefresh;
Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
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 almost in print!
When posting code, please use BBCode's CODE tags.
-
2 Apr 2012 6:40 AM #3
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.
-
27 Apr 2012 9:28 AM #4
This one bit me as well. It would be great if you could add this requirement on the documentation page for the PullRefresh plugin.
-
27 Apr 2012 10:33 AM #5Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,582
- Vote Rating
- 433
- Answers
- 3101
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
________________
http://www.JSONPLint.com - Source to lint your JSONP!
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 almost in print!
When posting code, please use BBCode's CODE tags.


Reply With Quote