Try Upgrade Adviser – Scan Your Ext JS Codebase for V8 App Upgrade

Announcing Sencha Themer 1.1 Early Access & Theming Contest

November 10, 2016 1557 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

Creating a Mobile Application with Ext JS and Capacitor

Introduction Modern mobile applications demand rich user experiences, cross-platform compatibility, and rapid development cycles. In this document, you will learn how Ext JS and Capacitor…

Building Real-Time Dashboards with WebSockets and Frontend Frameworks

Real-time dashboards have become essential in industries where users need instant visibility into changing data. Whether monitoring financial transactions, logistics operations, industrial systems, application health,…

Front-End Frameworks Compared in 2026: Performance, Use Cases, and Trade-offs

Front-end framework selection in 2026 centers on three critical decisions: complete platform versus ecosystem assembly, performance at enterprise scale, and long-term maintenance costs. Ext JS…

Enhancing Component Logic: A Developer’s Guide to Ext JS Plugins

In the world of Ext JS, reusability is king. While subclassing a component is a common approach to extend functionality, it often leads to rigid…

Upgrading Ext JS 7.x to 8.0: A Practical Enterprise Guide

For teams already running Ext JS 7.x, upgrading to Ext JS 8.0 is usually a manageable modernization step rather than a full-scale rebuild. Because the…

Upgrading Ext JS 6.x to 8.0: A Practical Guide

For organizations maintaining Ext JS 6.x applications, upgrading to Ext JS 8.0 is typically a modernization exercise focused on stability, maintainability, tooling alignment, and validation…

View More