1. #1
    Sencha User
    Join Date
    Oct 2010
    Location
    Twin Falls, Idaho
    Posts
    9
    Vote Rating
    0
    reuben.olsen is on a distinguished road

      0  

    Default Specify Theme in Architect 2

    Specify Theme in Architect 2


    How can I specify which theme to use when creating an app in Architect 2?

  2. #2
    Ext JS Premium Member corcoranp's Avatar
    Join Date
    Apr 2007
    Location
    Pleasant Grove, AL
    Posts
    25
    Vote Rating
    3
    corcoranp is on a distinguished road

      0  

    Default


    There doesn't seem to be a way to specify a theme directly in Architect2.

    HOWEVER, Extjs and Touch have powerful theming tools via SASS.

    Here are a few resources:
    Sencha Touch Theming:
    http://docs.sencha.com/touch/2-0/#!/guide/theming
    Sencha Extjs:
    http://docs.sencha.com/ext-js/4-0/#!/guide/theming

    Also:
    http://sass-lang.com/
    and
    http://compass-style.org/

    Hope that helps...
    Peter M Corcoran

    ExtJs Developer since 2007
    www.corcoranp.com
    http://www.linkedin.com/in/corcoranp

  3. #3
    Sencha User
    Join Date
    Oct 2010
    Location
    Twin Falls, Idaho
    Posts
    9
    Vote Rating
    0
    reuben.olsen is on a distinguished road

      0  

    Default


    Thanks Peter - I'm liking what I see with the SASS markup.

    I'm new to ExtJS / Architect and after watching some of the videos and reading the promo stuff it sure seemed that Architect was a lot more than it is. I know custom theming can be done but to require it to be done after-the-fact rather than during layout/design. All I want to do is change from the blue default theme to the gray WHILE I'm doing the design work in Architect.

    Anyone on the Sencha team know when this will be possible?

  4. #4
    Ext JS Premium Member
    Join Date
    Sep 2010
    Posts
    379
    Vote Rating
    6
    stewardsencha is on a distinguished road

      0  

    Default


    Once you have your project set up, create a separate app.html that uses your own css.
    Save project - switch to browser - refresh.
    It is a simple and easy workaround.

    The difficulty is not blue vs grey.
    Once you have customized fonts and sizes, getting the layout right is harder: what you position in the designer actually needs/uses more/less real estate.

    I was initially bothered by this but so far it's not really a problem.

    Forget WYSIWYG for the moment. Haven't really missed it yet.

  5. #5
    Sencha User
    Join Date
    Jun 2012
    Posts
    22
    Vote Rating
    7
    sonnypickett is on a distinguished road

      0  

    Default


    Quote Originally Posted by stewardsencha View Post
    Once you have your project set up, create a separate app.html that uses your own css.
    I'm guessing this has to be a different name, i.e. index.html so that Architect doesn't overwrite every time you do a save?