Question

I am using jquery ui dialogs in my application.
How do I style the “Save” and “Cancel” buttons differently in a jquery dialog?
So “Save” is more appealing than the “Cancel”.
I could use a hyper link for “Cancel”, but how do I place that in the same button panel?

Answer 1

Here is how to add custom classes in jQuery UI Dialog (Version 1.8+):

$('#foo').dialog({
    'buttons' : {
        'cancel' : {
            priority: 'secondary', class: 'foo bar baz', click: function() {
                ...
            },
        },
    }
});