PDA

View Full Version : Where to get themes for ExtJS 4



dobberph
15 Nov 2011, 3:34 AM
Hi all,

can anyone tell me, where I can find themes for Ext4 ? The provided 3 "normal" themes are good, but boring.

Thanks,
dobberph

burnnat
15 Nov 2011, 1:55 PM
If you don't mind price, you could look at http://www.extthemes.com/ (http://extthemes.com/extjs4/).

lorezyra
15 Nov 2011, 2:52 PM
Or, if (like me) you have more time than money... You could create your own...



See how Sencha does it:

http://www.sencha.com/learn/theming-sencha-frameworks-with-sass-and-compass/

http://vimeo.com/19159630

Then use the <EXTjs_folder>/examples/themes/index.html file to preview your designed theme...

dobberph
16 Nov 2011, 5:21 AM
Hm, ok.

I'll try it.

Thanks,
dobberph

tobiu
16 Nov 2011, 6:26 AM
In 4.1 there is the (modified) Neptune Theme included, which has a more plain look now.

The Slate Theme was also ported to 4.x:
http://www.sencha.com/forum/showthread.php?140124

Since I have just joined Sencha, I won't find much time for the Extthemes project during the next months, but Sebastian is still on the project and doing an amazing job.

dobberph
16 Nov 2011, 2:37 PM
The videos seem to be for an earlier version of ExtJS4.
Even the shown folder-structure is different now.
The file to be changed no more exists. I changed the ext-all.scss according to the changes in the 2nd video and got the errormessage:
>>> Change detected to: ext-all.scss
error ext-all.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-all.css

Did I do anything wrong or is this really an old video?

Thanks a lot,
dobberph

dobberph
17 Nov 2011, 1:16 AM
Ah, the first video is the newer one.
I'll try it with this video.

Thanks so far,
dobberph

dobberph
17 Nov 2011, 4:24 AM
Hi again,

I tried it now. But even if I don't change anything the sass-compiler throws some errors:


C:\Users\dobberph>compass compile "E:\Eigene Projekte\Leviatournament\ext4\resources\sass"
error ext-all-access.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-all-access.css
error ext-all-gray.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-all-gray.css
error ext-all-scoped.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-all-scoped.css
error ext-all.scss (Line 1: Invalid CSS after "...t4/default/all'": expected "{", was ";")
overwrite ext-all.css
error ext-ie-scoped.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-ie-scoped.css
error ext-ie.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-ie.css
error ext-sandbox.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-sandbox.css
error ext-standard-scoped.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-standard-scoped.css
error ext-standard.scss (Line 115: Functions may only be defined at the root of a document.)
overwrite ext-standard.css

This is the output for the compiling of the unchanged code of ext4.

Perhaps I compile the wrong folder?

Thanks,
dobberph

burnnat
17 Nov 2011, 6:25 AM
This is a known issue, because ExtJS uses some SASS syntax that has been deprecated in the most recent version(s) of SASS. If you downgrade the version of SASS on your machine, you should be able to compile without a problem. People on this thread (http://www.sencha.com/forum/showthread.php?149266-Theming-issue-Line-15-Functions-may-only-be-defined...) say that 3.1.1 is the appropriate version to downgrade to.

dobberph
17 Nov 2011, 1:50 PM
Oh thanks, I thought I was crazy :)

Can you give me the commands for the windows commandline shell for ruby? To downgrade or uninstall and install the right one?
I have installed

>sass -v
Sass 3.1.10 (Brainy Betty)

Thanks, I'll try,
dobberph

burnnat
17 Nov 2011, 1:52 PM
The command would be:

gem uninstall sass
gem install sass -v 3.1.1

dobberph
17 Nov 2011, 2:04 PM
Found it for myself.
For everyone else with the same problem:



gem install compass --version 3.1.1

Thanks,
dobberph

blicket
6 Aug 2012, 10:24 PM
Can Sencha please work on a windows metro theme for ExtJS? The current themes are extremely long in the tooth. http://bit.ly/NZ2sTV.
http://bit.ly/NZ2sTV

dawesi
7 Aug 2012, 4:25 PM
This is a known issue, because ExtJS uses some SASS syntax that has been deprecated in the most recent version(s) of SASS. If you downgrade the version of SASS on your machine, you should be able to compile without a problem. People on this thread (http://www.sencha.com/forum/showthread.php?149266-Theming-issue-Line-15-Functions-may-only-be-defined...) say that 3.1.1 is the appropriate version to downgrade to.

This was fixed in 4.1

http://www.sencha.com/forum/showthread.php?158358-4.0.7-Syntax-errors-when-compiling-SASS-themes

pantar
18 Aug 2012, 3:08 PM
If you don't mind me posting a link here, I am offering a collection of themes for the best HTML 5 framework Ext JS 4. The collection is made from some themes I found on this forum (with their respective author credits) and some of them are of my own design. They are all free for private or commercial use. Hope someone finds this useful.

Here you can get some great looking Free Ext JS 4 Themes.

R (http://leonpanjtar.eu/web-design-blog/free-sencha-ext-js-4-themes-download/)egards
Leon

Mullac42
27 Aug 2012, 1:45 PM
Our Clifton theme for ExtJS 4 is available in the Sencha Marketplace. Drop us a line if you have any questions!

https://market.sencha.com/users/19/extensions/14

Licenses available on our site at http://www.newbridgegreen.com/extjs (https://market.sencha.com/users/19/extensions/14)

Cheers,
Callum

lorezyra
27 Aug 2012, 5:45 PM
Our Clifton theme for ExtJS 4 is available in the Sencha Marketplace. Drop us a line if you have any questions!

https://market.sencha.com/users/19/extensions/14

Licenses available on our site at (https://market.sencha.com/users/19/extensions/14)http://www.newbridgegreen.com/extjs

Cheers,
Callum

For your out-rageous Licensing prices, I would be surprised if you had a large customer base. For the very simple changes (changing only the Title bar colors), I would not pay you over $3USD! However, if that was for a service whereby you are creating a single highly customized theme, then I would consider it. Otherwise, I could get some high-school kid to do the same simple changes for nothing more than my time...

lorezyra
27 Aug 2012, 5:55 PM
I believe Sencha should create a theme editor in the same vain as the Sencha Animator app. Have it show a preview of the theme and allow us to click on any element and modify the properties / icon. Then once we are done, it will spit out the css file we want to deploy on our site(s).

Wedgybo
28 Aug 2012, 1:16 AM
For your out-rageous Licensing prices, I would be surprised if you had a large customer base. For the very simple changes (changing only the Title bar colors), I would not pay you over $3USD! However, if that was for a service whereby you are creating a single highly customized theme, then I would consider it. Otherwise, I could get some high-school kid to do the same simple changes for nothing more than my time...

Thanks for your feedback lorezyra.

I'd like to point out that quite a bit more work has gone into the theme than that, for others reading this. I do not want this to come across as a sales pitch, as this isn't the place for it. On the other hand. I do not want people thinking we are ripping them off with "the very simple changes" we have made for the price we are asking.

It's not just a colour change like the majority of the themes out there.

Changes include:

Colours and font changes
Completely new icon set, including extra common icons for use in your application
Form components redone checkboxes/radios/warning/ etc
Fixes from the original theme.
Many more subtle changes to ~95% of the default components
Access to the GitHub repository for up to date changes and issue tracking
At the end of the day. This theme took a fair amount of work to produce and refine, and that is reflected in the price. It is aimed at companies who don't want to spend time/effort re-theming their framework of choice. Considering it's a one off purchase allowing companies to re-use the theme in all their products and doesn't come with a per developer cost. We think it's very fairly priced. If you can get a high school kid to do all that in less than a day for less than £300. Tell me where they are and we'll hire them to produce more themes :D

We do have a fair sized client base on this theme. All of who have been perfectly happy with the service we've provided.

We do also provide bespoke themes to clients. They cost a bit more than £300 though.

Cheers,
Jamie

lorezyra
28 Aug 2012, 4:37 PM
Thanks for your feedback lorezyra.

I'd like to point out that quite a bit more work has gone into the theme than that, for others reading this. I do not want this to come across as a sales pitch, as this isn't the place for it. On the other hand. I do not want people thinking we are ripping them off with "the very simple changes" we have made for the price we are asking.

It's not just a colour change like the majority of the themes out there.

Changes include:

Colours and font changes
Completely new icon set, including extra common icons for use in your application
Form components redone checkboxes/radios/warning/ etc
Fixes from the original theme.
Many more subtle changes to ~95% of the default components
Access to the GitHub repository for up to date changes and issue tracking

At the end of the day. This theme took a fair amount of work to produce and refine, and that is reflected in the price. It is aimed at companies who don't want to spend time/effort re-theming their framework of choice. Considering it's a one off purchase allowing companies to re-use the theme in all their products and doesn't come with a per developer cost. We think it's very fairly priced. If you can get a high school kid to do all that in less than a day for less than £300. Tell me where they are and we'll hire them to produce more themes :D

We do have a fair sized client base on this theme. All of who have been perfectly happy with the service we've provided.

We do also provide bespoke themes to clients. They cost a bit more than £300 though.

Cheers,
Jamie

Jamie,
I apologize if I slammed your work too hard. However, the changes seem too subtle. Comparing the themes you created versus those created by Sencha, it's difficult to see a difference within 5 seconds.

I can respect the hard work required to create a new theme. Perhaps if you created a "metro" theme or something that is obviously different, then it would add value to your service. When I look at themes, I give it a max of 10 seconds to impress me. Otherwise, I move on.

Wedgybo
28 Aug 2012, 5:13 PM
Jamie,
I apologize if I slammed your work too hard. However, the changes seem too subtle. Comparing the themes you created versus those created by Sencha, it's difficult to see a difference within 5 seconds.

I can respect the hard work required to create a new theme. Perhaps if you created a "metro" theme or something that is obviously different, then it would add value to your service. When I look at themes, I give it a max of 10 seconds to impress me. Otherwise, I move on.

You don't have to apologize Lorezyra. We're big lads here. Any feedback is appreciated. Good or bad :D I don't expect everyone to like the theme or even find it great value. You can't please everyone. I just wanted to make it clear to anyone reading, that it wasn't just a quick change to the standard theme that we were charging for.

It's quite obvious from this thread that we should be doing a better job to point out the differences for people who take a quick look at it and come to the same conclusion as yourself. So we will look at adjusting how we present it and point out the work involved in it.

We do plan on creating other themes, maybe we'll look at doing a metro style one in the future. We have already discussed creating the bootstrap theme for the ExtJS community and have scheduled it for later in the year providing time allows.

Cheers,
Jamie

ateodorescu
17 Sep 2012, 4:35 AM
Hi,
You can find some themes for Extjs 4.x here: http://www.mzsolutions.eu/shop/
Cheers,
Adrian

ccg
26 Sep 2012, 3:14 PM
Wedgybo (http://www.sencha.com/forum/member.php?298173-Wedgybo), for what it's worth, I noticed the differences from the standard Ext JS theme right away. That's the reason the Clifton theme caught my eye: it's one of the few Ext 4 themes I've seen that doesn't just modify colors but also changes the widget styles. For example, the checkboxes and radio buttons no longer look like they've been lifted straight out of Windows Vista -- that's always a point of irritation for my Mac users.

If you're considering other themes to work on in the near future, I'd suggest that you consider trying to (re)produce the original Neptune theme that Sencha hinted at in this blog post: http://www.sencha.com/blog/ext-js-4-preview-faster-easier-more-stable/

I really liked the soft, subtle look of that theme, as opposed to the brightly-colored, blocky look of the new theme that they're also calling "Neptune" in the Kitchen Sink demo.

Wedgybo
26 Sep 2012, 4:21 PM
It means a lot to me ccg, thanks!

Yea we have a few styles up our sleeve we would like to try next. A metro style one like has been suggested in the past is on the cards. Also having a look at producing a bootstrap one as an open source project.

I'll take a look into that older neptune theme. I must admit I'm not too keen on how the latest version of its turned out either.

chrisbhmg
25 Oct 2012, 5:19 AM
+1 for Metro ("Modern UI") theme!

A good Metro (Modern UI) theme will be very welcome for purchase.

pantar
25 Oct 2012, 5:39 AM
I am working on a metro theme for Ext JS 4. I will hopefully have it avaliable for download by the end of the month on my blog http://leonpanjtar.eu/web-design-blog for free of course.

Wedgybo
28 Nov 2012, 11:02 AM
Thought I'd update this thread as I mentioned we were working on it.

We've just released the Bootstrap theme for ExtJS here. http://bootstrap.newbridgegreen.com It's up on GitHub for everyone to access, so get forking and help us making it awesome!

If a mod reads this. Sorry for trying to create a new post twice. I didn't catch the first message saying it needed to be moderated first. Got the message second time around:">