1. #1
    Sencha User
    Join Date
    Oct 2010
    Posts
    6
    Vote Rating
    0
    nicotine is on a distinguished road

      0  

    Default Theming

    Theming


    Hi everyone,

    First I would like to thank developers for this great release!!!
    So now I'm very impatient to play with new theming features...

    But, I have an issue when I want to compile my css with compass.
    I've got the error mentionned in the guide:
    Code:
    Line 8: File to import not found or unreadable: ext4/default/all
    I have to say that i'm totally newbie to COMPASS...


    I've install

    - compass in c:/ruby/bin

    - (templats files) in: c:/ruby/bin/resources
    c:/ruby/bin/resources/css
    c:/ruby/bin/resources/sass

    - extjs in: c:/ruby/bin/extjs

    the config.rb file:
    Code:
    # $ext_path: This should be the path of where the ExtJS SDK is installed
    # Generally this will be in a lib/extjs folder in your applications root
    # <root>/lib/extjs
    $ext_path = "extjs"
    
    # sass_path: the directory your Sass files are in. THIS file should also be in the Sass folder
    # Generally this will be in a resources/sass folder
    # <root>/resources/sass
    sass_path = File.dirname(__FILE__)
    
    # css_path: the directory you want your CSS files to be.
    # Generally this is a folder in the parent directory of your Sass files
    # <root>/resources/css
    css_path = File.join(sass_path, "..", "css")
    
    # output_style: The output style for your compiled CSS
    # nested, expanded, compact, compressed
    # More information can be found here http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#output_style
    output_style = :compressed
    
    # We need to load in the Ext4 themes folder, which includes all it's default styling, images, variables and mixins
    load File.join(File.dirname(__FILE__), $ext_path, 'resources', 'themes')
    my-ext-theme.scss:

    Code:
    // Unless you want to include all components, you must set $include-default to false
    // IF you set this to true, you can also remove lines 10 to 38 of this file
    $include-default: false;
    
    // Insert your custom variables here.
    // $base-color: #aa0000;
    
    @import 'ext4/default/all';
    
    // You may remove any of the following modules that you
    // do not use in order to create a smaller css file.
    @include extjs-boundlist;
    I'm doing something wrong?

  2. #2
    Sencha User
    Join Date
    Oct 2010
    Posts
    6
    Vote Rating
    0
    nicotine is on a distinguished road

      0  

    Default


    I'm sorry but a up the post, because i'm totally stuck with this problem!!

  3. #3
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    Where is your .scss theme file located?

  4. #4
    Sencha User
    Join Date
    Nov 2007
    Posts
    29
    Vote Rating
    0
    joseph09 is on a distinguished road

      0  

    Default


    In your case compass is looking for the directory:
    c:/ruby/bin/resources/themes/stylesheets/ext4/default

    Make sure you copy the entire path/to/extjs/resources directory into c:/ruby/bin

    My mistake was that I copied path/to/extjs/resources/themes/templates/resources into c:/ruby/bin

  5. #5
    Sencha User
    Join Date
    Oct 2010
    Posts
    6
    Vote Rating
    0
    nicotine is on a distinguished road

      0  

    Default


    Thank you guy's, it seems to work now!

Similar Threads

  1. Help with theming!
    By DavidGillespie in forum Sencha Touch 1.x: Discussion
    Replies: 4
    Last Post: 7 Apr 2011, 12:03 PM
  2. Theming with CSS
    By agmona in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 28 Feb 2011, 1:27 AM
  3. Theming Ext JS 3+?
    By Tryll in forum Community Discussion
    Replies: 8
    Last Post: 26 May 2010, 4:43 AM
  4. Web 2.0 Theming
    By starpeople in forum Community Discussion
    Replies: 1
    Last Post: 29 Jan 2009, 7:47 AM
  5. Ext Theming help
    By stever in forum Community Discussion
    Replies: 2
    Last Post: 28 Sep 2008, 10:07 AM

Thread Participants: 2