PDA

View Full Version : Styling an ext designer file with predefined sencha css styles, eg cupertino?



crgrah
16 Mar 2012, 1:22 AM
Hi,

Ive looked around for how to do this and I cant find anything.

In your sencha "code examples" within the download package

you have a number of styles, my question is how would I go about

applying those styles to Ext Designer generated code?

Thank you

aconran
16 Mar 2012, 7:27 AM
In Ext Designer 1, you would include the additional css file via a link tag in the html in an external editor.

In Sencha Designer 2, you would add the url path in the project settings within Sencha Designer.

crgrah
17 Mar 2012, 3:06 AM
A direct example of what files to use, where to get them from

would be appreciated

Cheers

crgrah
17 Mar 2012, 3:08 AM
:)

crgrah
19 Mar 2012, 12:39 AM
And what do I have to do to use them.

aconran
19 Mar 2012, 1:48 PM
If you are talking about Ext JS 4.0.x, you will include an additional theme css file.

There is a sample gray theme included in the distribution in resources/css/ext-all-gray.css.

Include


<link rel="stylesheet" href="{extPath}/resources/css/ext-all-gray.css" />


instead of the standard ext-all.css.

crgrah
19 Mar 2012, 4:57 PM
But I am particularly interested in the themes used in your examples,

ie cupertino, where would I find that and the other themes used in your

examples.

Cheers

aconran
20 Mar 2012, 8:50 AM
We have no cupertino theme that is included with Ext JS. There is a cupertino style theme in Sencha Touch.

Any of the examples, simply look to see what additional css files were included.

crgrah
20 Mar 2012, 10:30 PM
<!--<link rel="stylesheet" href="/docs/resources/css/ext-all-gray.css" />-->
<link rel="stylesheet" href="/css/apple.css" />
<link rel="stylesheet" href="/css/sink.css" />
<link rel="stylesheet" href="/css/codebox.css" />

as does apple by itself...any sugguestions as to how to reproduce the theme?

aconran
22 Mar 2012, 1:49 PM
For Ext JS or Sencha Touch?

crgrah
23 Mar 2012, 1:48 AM
I can of course export the project to the beta sencha touch 2,

I tried that, the file came up empty, since I am in a real production

environment i am reluctant to base code on a beta, but it is severely

limiting not being able to apply predefined themes,

please help if you can.