More Related Content Similar to Create winning themes for your ext js apps (20) More from Sandeep Adwankar (11) Create winning themes for your ext js apps1. © 2016 Sencha Inc
Create Winning Themes for your Ext JS
Apps
Sandeep Adwankar, Mike Giddens
2. © 2016 Sencha Inc
Sencha Themer
• Design themes in an interactive visual
environment - no code
• Quick configurations for global theme
variables
• Support for component UIs
• View live style update to your Ext JS app –
No compile, build, reload
• Package your theme, apply to your app
and share with ease
2
3. © 2016 Sencha Inc
Sencha Themer 1.1
• Support for UIs for components such
as grid, list, tabpanel, title bar, form
components (text, datepicker), and
more
• Connect your app to Themer and
Inspect app
• Modify component styles and UI in
Inspect mode
3
4. © 2016 Sencha Inc
Theming Contest – Top Prize $2500
• Contest app
https://github.com/sencha/themer-contest-
app
4
Theming Contest App
11. © 2016 Sencha Inc
Mike Giddens Winner of the Sencha Theming Contest
11
12. © 2016 Sencha Inc
Mike Giddens Winner of the Sencha Theming Contest
12
13. © 2016 Sencha Inc
Next Release - Themer 1.2
• Theme Ext JS 6.5
13
• Theme Ext React Apps
Editor's Notes Points:
1. Design themes in an interactive visual environment - no code
2. Quick configurations for global theme variables that cascade across all Ext JS components
3. Support for component Uis
4. View live style update to your Ext JS app – No compile, build, reload
5. Package your theme, apply to your app and share with ease