1. #11
    Sencha Premium Member
    Join Date
    May 2012
    Posts
    25
    Vote Rating
    0
    mediademon is on a distinguished road

      0  

    Default


    I had exactly the same problem to this and was in the middle of doing a forum post when I just solved it.

    I have a styles folders in the base of my app, where app, resources, and sdk are. Within that folder I have config.rb and default-theme.scss.

    My config.rb now looks like this:

    Code:
    # Get the directory that this configuration file exists indir = File.dirname(__FILE__)
    
    
    # Load the sencha-touch framework
    load File.join(dir, '..', 'sdk', 'resources', 'themes')
    
    
    # Look for any *.scss files in same directory as this file
    # Place compiled *.css files in the parent directory
    sass_path     = dir
    css_path      = File.join(dir, "..")
    output_style  = :expanded
    environment   = :development
    and my default-theme.scss looks like this:

    Code:
    @import '../sdk/resources/themes/stylesheets/sencha-touch/default/all';
    
    
    // You may remove any of the following modules that you
    // do not use in order to create a smaller css file.
    @include sencha-panel;
    @include sencha-buttons;
    @include sencha-sheet;
    @include sencha-picker;
    @include sencha-tabs;
    @include sencha-toolbar;
    @include sencha-toolbar-forms;
    @include sencha-indexbar;
    @include sencha-list;
    @include sencha-layout;
    @include sencha-carousel;
    @include sencha-form;
    @include sencha-msgbox;
    All I ended up changes was the @import statement in the default-theme.scss file and the load File.join statement in the config.rb file.

    Overall this whole framework involves a LOT of trial an error, and the documentation doesn't help most of the time.

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

      0  

    Default Check compass_init.rb

    Check compass_init.rb


    I had this error when upgrading from touch 2.0.0 to 2.0.1.1

    The error seems to be caused by the change in folder structure, where some ruby compass trivia has been separated into it's own directories. To find them compass must get to know their location explicitly, which happens in resources/themes/compass_init.rb

    The 2.0.1.1 version looks like
    Code:
    # This file registers the sencha-touch framework with compass
    # It's a magic name that compass knows how to find.
    dir = File.dirname(__FILE__)
    require File.join(dir, 'lib', 'theme_images.rb')
    
    
    # Include compass-recipes
    require File.join(File.dirname(__FILE__), 'vendor', 'compass-recipes', 'config')
    
    
    Compass::BrowserSupport.add_support('repeating-linear-gradient', 'webkit', 'moz', 'o', 'ms')
    Compass::Frameworks.register 'sencha-touch', dir
    The culprit is
    Code:
    require File.join(File.dirname(__FILE__), 'vendor', 'compass-recipes', 'config')

  3. #13
    Sencha User
    Join Date
    Jul 2012
    Posts
    1
    Vote Rating
    0
    3advance is on a distinguished road

      0  

    Default resolved? having same problem here

    resolved? having same problem here


    master_obiwan - did you get this resolved? i'm tearing my hair out over here. same problem 'recipes/background'. tried solutions posted here but still no good...

  4. #14
    Sencha User
    Join Date
    May 2011
    Posts
    1
    Vote Rating
    1
    WonderWhit is on a distinguished road

      1  

    Default Solved the problem

    Solved the problem


    hi, I was having the same problem. I updated from Sencha Touch 2.0.0 to 2.0.1.1. The problem isn't with Sencha, it is with compass. I ran gem install compass again from inside the project folder, and it updated compass, and fixes the problem.

  5. #15
    Sencha User
    Join Date
    Feb 2012
    Location
    Buffalo, NY
    Posts
    2
    Vote Rating
    0
    gdhussak is on a distinguished road

      0  

    Default


    ugh - mediademon, I wish I would have reviewed the code you posted in more detail. Finally figured it out on my own and came back to post - then I re-read yours.

  6. #16
    Sencha User
    Join Date
    Aug 2012
    Posts
    1
    Vote Rating
    0
    fresh-x is on a distinguished road

      0  

    Default


    @ master_obiwan i have the same problem, but i find a way to make this work
    firstly - sorry for my bad english, i hope you can understand..

    i have build the getting startet app with tutorial and create th GS folder ... now my app is running and work perfect, now i want to change the theming... but tutorial is not a really help, because the error you mean is showing me... i try anything and google for more than one hours, but now i find the reason why the error is show.

    i my example the app create an GS folder in sencha -root- folder, now the styles folder is in GS

    looks like this sencha-main-folder/GS/styles ... i control the path of the config.rb file and change is like this
    Code:
    # Load the sencha-touch framework
    load File.join(dir, '..', '..', 'resources', 'themes')
    and now the GS/styles/compass compile command works and its generate the .css file in the GS folder...maybe control your correct path to the sencha themes and it will be work(?)

    but now i call my css with
    Code:
    <link rel="stylesheet" href="my-theme.css" type="text/css">
    in the index.html, refresh my app - but the changes not work...

    can anybody give me some help or have an advice how i make this works ?

    best regards and i hope this was helpful for anyone

  7. #17
    Sencha User
    Join Date
    Sep 2012
    Posts
    2
    Vote Rating
    0
    ehua329 is on a distinguished road

      0  

    Default


    Hi,

    to fix the problem modify your config.rb

    change

    load File.join (...)

    to

    load File.join(dir,'..','sdk','resources','themes')

    Generally, this statement builds a path that should be pointing to your themes directory. i.e. above state is same as CurrentDIR/../sdk/resource/themes

  8. #18
    Sencha User
    Join Date
    Sep 2012
    Posts
    6
    Vote Rating
    0
    wiseveri is on a distinguished road

      0  

    Default


    http://www.sencha.com/forum/showthread.php?127607-Mastering-the-Compass-SASS-Setup-with-Sencha-Touch
    This thread explains the problem and solved all my problems in that regard.

  9. #19
    Sencha User
    Join Date
    Mar 2012
    Posts
    76
    Answers
    1
    Vote Rating
    1
    Monti123 is on a distinguished road

      0  

    Default Another thing

    Another thing


    In the file:

    \assets\www\sdk\resources\themes\compass_init.rb

    There is a line:
    # Include compass-recipes
    require File.join(File.dirname(__FILE__), 'vendor', 'compass-recipes', 'config.rb')

    Make sure it is written 'config.rb' and not just 'config'.

    That solved my problem (after all the previous fixes failed).

  10. #20
    Sencha Premium Member
    Join Date
    Oct 2012
    Location
    Antibes
    Posts
    66
    Answers
    4
    Vote Rating
    0
    Gaspard22 is on a distinguished road

      0  

    Default


    Maybe it's too late, but i've found where the problem was nested.
    the config.rb i copied was in the sdk/ressources/sass folder but when i created my own, i created it outside the sdk

    with this line of code
    Code:
     # Load the sencha-touch framework automatically.load File.join(dir, '..', '..', 'sdk', 'resources', 'themes')
    then i changed this line to reach my path to my new folder
    Code:
    # Load the sencha-touch framework automatically.
    load File.join(dir, '..', 'sdk', 'resources', 'themes')
    and it's working now