PDA

View Full Version : Specify Theme in Architect 2



reuben.olsen
19 Apr 2012, 2:51 PM
How can I specify which theme to use when creating an app in Architect 2?

corcoranp
19 Apr 2012, 4:31 PM
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...

reuben.olsen
20 Apr 2012, 8:02 AM
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?

stewardsencha
20 Apr 2012, 9:17 AM
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.

sonnypickett
25 Jun 2012, 11:35 AM
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?