At SenchaCon, we announced that Themer 1.0 is now available to all Ext JS Pro and Premium customers. We’re pleased to announce that Themer 1.1 EA is now available too. It will help you theme components directly within your own applications. We’re also inviting you to submit your theme to the Theming Contest for a chance to win the first prize of $2500.
Table of Contents
Download Now
Download Sencha Themer 1.1 EA and give us your feedback in the Themer forum.
*Note: when you receive the EA confirmation email, you can choose to download Themer only.
You can use Themer to style your web applications developed with Ext JS 6.x Classic toolkit and Modern toolkit. The theming UI requires Ext JS 6.2, and Themer requires Cmd 6.2 or above (Cmd 6.5 is included in the Themer 1.1 download).
Upcoming Webinar
If you’d like to learn more tips, I’ll be hosting a webinar, where I’ll go into more details on Themer 1.1 EA and Architect 4.1 EA.
Event Details:
Date: Thursday, December 8, 2016
Time: 10:00am San Francisco PST | 1:00pm New York EST | 6:00pm London GMT
What’s New in Themer 1.1
Themer 1.1 empowers you to directly theme your Ext JS 6 apps using app inspect mode and make them look great. With our JavaScript-based theme compiler, you inspect component theme variables in your app, make changes to those theme variables, and view theme changes in your app real-time. For Themer 1.1 EA, you can connect your app in Chrome or Firefox to Themer.
Easily Connect Your App to Themer
With Themer 1.1, you can easily connect your Ext JS App to Themer by slightly updating app.json. Just follow the instructions in the Themer documentation to connect your app. From Themer, you can view Connected Apps by using the menu to navigate to View > Connected Apps
Directly Theme Your App
Once your app is connected to Themer, it’s easy to theme components in your app. Just click the “Inspect” button in Themer and hover your cursor over the components in your application. Components eligible for theming will be framed with a red dashed outline. Clicking on an eligible component will outline the component in red and reveal its theming variables in Themer. As you make changes to theme variables, your app will update real-time with the new theme.
Enter the Sencha Theming Contest
We’re launching our Theming Contest and providing you with a new Contest App that you can theme. Use Sencha Themer 1.1 EA to give our Contest App a great new look and submit your theme. First prize is $2500. Visit the Theming Contest page for details on how to submit your theme.
Try It and Share Your Feedback
Try Themer 1.1 Early Access, read the docs, and share your feedback in the Sencha Themer forum.
I would love to enter this contest. Unfortunately, Themer 1.1 EA is buggy and unusable. The most anticipated feature (for me) was the ability to create and maintain UIs. That feature slows the performance of Themer to a crawl, but much worse, the theme values randomly (and often) revert to their defaults, which means you constantly lose your work. I posted this on the Themer forums, but as is typical, received no reply (nor even a view!).
The problem of values reverting to their defaults also happens elsewhere in the app. And, the font manager (which allows you to use Google fonts) is also buggy and undependable.
Themer…great idea; extremely poor execution.
Hi Patrick, Thanks for trying out Themer EA. We are working on update to Themer that comes with significant updates to UIs. With this EA, you can directly chat with us to better understand your problem, just look for “Chat with developers” icon on top right of Themer. We have a webinar on Architect and Themer tomorrow and I will go over aspects of creating UI in that webinar. I will also get in touch with you directly regarding your concerns.