That's great! Can we discuss for a second where it makes sense to use modal dialogs? It seems to me that moving the following to modal dialogs makes a lot of sense:
1. Track creation (already done except for formatting, it looks like) 2. Action creation (help will go directly into the modal dialog, I'd imagine) 3. Token creation 4. Pool creation I think filter setting on the Streams page is a little more iffy and the modal dialog could be confusing (though the tab page is confusing already, so we should probably pursue something different here, like having the filters inline at the top of the page). However, I'm concerned about moving the popular links and messages to modal dialogs. My impressions and understanding is that from a UI perspective modal dialogs are considered very powerful, but they can be really unhelpful in a lot of situations. I am by no means a UI designer or expert, so please feel free to bash my assertions :-) Ethan On Fri, Mar 26, 2010 at 4:37 AM, Richard Hirsch <[email protected]> wrote: > I got this to work - Thanks to David on the lift list. > > I'll start converting the auxillary pages this weekend. Means we will lose > the tabs = cleaner UI. > > I'll also move popular links and messages to modal dialogs as well. > > D. > > On Wed, Mar 24, 2010 at 8:51 AM, Richard Hirsch <[email protected]>wrote: > >> I just deployed a new version on stax. >> >> If you look at >> http://esmecloudserverapache.dickhirsch.staxapps.net/track_view/, you will >> see my first attempts at creating modal dialog. Right now, I'm stuck on >> submitting the dialog via jquery. >> >> Here is the script (dialog_test.js). If anybody has any ideas how to solve >> the problem that would be great. >> >> $("#dialog-form").dialog({ >> autoOpen: false, >> height: 200, >> width: 350, >> modal: true, >> buttons: { >> 'Create a new track': function() { >> var bValid = true; >> allFields.removeClass('ui-state-error'); >> >> bValid = bValid && >> checkLength(tracking_input,"tracking_input",3,16); >> >> bValid = bValid && >> checkRegexp(tracking_input,/^[a-z]([0-9a-z_])+$/i,"Track may consist of a-z, >> 0-9, underscores, begin with a letter."); >> >> if (bValid) { >> //$('button[type=submit] .default').click(); >> this.ownerDocument.forms[1].submit(); >> >> $(this).dialog('close'); >> } >> }, >> Cancel: function() { >> $(this).dialog('close'); >> } >> }, >> close: function() { >> allFields.val('').removeClass('ui-state-error'); >> } >> }); >> >
