Styling an ext designer file with predefined sencha css styles, eg cupertino?

[crgrah]

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]

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]

A direct example of what files to use, where to get them from

would be appreciated

Cheers

[crgrah]

:)

[crgrah]

And what do I have to do to use them.

[aconran]

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]

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]

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]

<!--<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]

For Ext JS or Sencha Touch?

[crgrah]

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.