esme-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Ethan Jewett <esjew...@gmail.com>
Subject Re: Modal Dialogs: Getting there
Date Fri, 26 Mar 2010 13:21:53 GMT
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 <hirsch.dick@gmail.com> 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 <hirsch.dick@gmail.com>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');
>>             }
>>         });
>>
>

Mime
View raw message