Sencha Theming Contest

1. © 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

5. © 2016 Sencha Inc
Contest App – Desktop View
5

6. © 2016 Sencha Inc
Contest App – Mobile View
6

7. © 2016 Sencha Inc
Dean Ranft - Third Place Winner
7

8. © 2016 Sencha Inc
Dean Ranft - Third Place Winner
8

9. © 2016 Sencha Inc
Nils Dehl - Second Place Winner
9

10. © 2016 Sencha Inc
Nils Dehl - Second Place Winner
10

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

14. © 2016 Sencha Inc
Q & A
14