PDA

View Full Version : New Framework Picker



mitchellsimoens
13 Oct 2013, 5:49 AM
I made a little change in order to support more themes per release. Sencha Touch 2.3 now ships with 6 themes and Ext JS 4.2 has 4 and having one big list isn't going to cut it as we move forward (or even as I add more themes). So now when you try to select a framework, you will see it's a tree now.

I'm not 100% in love with a tree as you have to expand nodes to find the release you want which is clumbersome so I decided to make the tree search able. So like in a ComboBox, if you type something into the field you can search for a theme or a version.

So if you search for 'nept', it will go through and find any nodes (leaf or not) that match so it will find all the Neptune themes.

If you searched for '2.3', it will find the Sencha Touch 2.3.0 and Ext JS 2.3.0 releases and will show all the themes under it.

Would love some feedback on this to make sure it was the best route.

existdissolve
13 Oct 2013, 6:37 AM
I think this works pretty well. I wonder, though, if splitting framework from theme might make it a little easier. So maybe a picker for the framework, and then a picker for the theme (filtered based on the framework selection)?

mitchellsimoens
14 Oct 2013, 8:17 AM
I wonder, though, if splitting framework from theme might make it a little easier.

I thought about that but I thought of 2 things:

1. Function versus screen real estate. Having 2 combos instead of 1 takes up twice the space and getting a little low on space there without reworking the UI.

2. Twice the work. You would have to choose from two options to select a theme that wouldn't be the default (Classic theme for Ext JS, Sencha Touch theme for Touch) where as this tree allows you to filter down rapidly and choose the theme. The tree may be quicker to use which if you are like me, I want to test between versions quite a bit for support work.

existdissolve
14 Oct 2013, 8:29 AM
I thought about that but I thought of 2 things:

1. Function versus screen real estate. Having 2 combos instead of 1 takes up twice the space and getting a little low on space there without reworking the UI.

2. Twice the work. You would have to choose from two options to select a theme that wouldn't be the default (Classic theme for Ext JS, Sencha Touch theme for Touch) where as this tree allows you to filter down rapidly and choose the theme. The tree may be quicker to use which if you are like me, I want to test between versions quite a bit for support work.

Yep, definitely makes sense. I think the way you have it now works well enough.
Thanks!