Join Virtual JavaScript Days 2026 and Get a Free Participation Certificate – Register Now!

Announcing Sencha Themer 1.1 Early Access & Theming Contest

November 10, 2016 1709 Views

Get a summary of this article:

Show

Sencha Themer

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.

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.

Register today

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

Sencha Themer 1.1 - Easily Connect Your App to Themer

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.

Themer 1.1 EA - Directly Theme Your App

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.

Recommended Articles

Building Responsive, Data-Driven Enterprise Applications with JavaScript

In enterprise software, responsiveness is no longer a nice-to-have. Users expect the same application to perform smoothly whether they are working at a desktop with…

What’s New in ReExt 1.2

Modern teams are under constant pressure to ship faster without sacrificing UX quality, maintainability, or enterprise-grade capabilities. That’s easy to say, but much harder to…

BFF Architecture – Optimizing Communication between Node. js and Ext JS

Modern enterprise applications rarely struggle because they lack features. More often, they struggle because the frontend and backend are speaking slightly different languages. Your database…

Case Study: Building a Modern Recruitment Application with Ext JS

Hiring the right talent requires more than collecting resumes. Modern recruitment teams need streamlined workflows, real-time visibility, and reliable tools that support every stage of…

Techniques for Handling Large Data Sets in Ext JS

Enterprise applications often need to display and process thousands – or even millions – of records while maintaining a responsive and intuitive user experience. Whether…

Building an AI-Powered School Grading System with Ext JS

Educational institutions are under increasing pressure to evaluate growing numbers of student assessments while maintaining fairness, consistency, and timely feedback. Although artificial intelligence offers new…

View More
JS Days Popup