jQuery UI dialog - unable to remove buttons

Question

How do I remove the buttons in a jquery dialog? Per example, I tried re-calling .dialog with the correct new options, but the dialog seems unaffected.

$('.selector').dialog('option', 'buttons', {} ); does not work, and nor does it work if actual new button strings and functions are declared.

Thoughts?

As it turns out, this does work, but it'll silently fail if your syntax is dialog({'option',...}); — Stefan Kendall
– Stefan Kendall, Commented Jul 15, 2009 at 20:21
Care to add an answer that notes the correct syntax that will not cause it to silently fail then? I've got that problem now, and the correct answer would be appreciated. — Remi Despres-Smyth
– Remi Despres-Smyth, Commented May 10, 2010 at 17:48
There is no correct syntax. You can't set the buttons as the dialog loads; rather, you have to set a callback function to be called once the dialog is done loading. i.e. var callback = showDialog(); callback(); — Stefan Kendall
– Stefan Kendall, Commented May 10, 2010 at 20:29

RaYell · Accepted Answer · 2009-07-16 07:48:38Z

13

You are passing new buttons set in a wrong way. Options should be passed as an object.

This will work:

var options = {
    buttons: {}
};
$(selector).dialog('option', options);

No need to destroy and create new dialog.

Of course you can also replace buttons object with a new set of buttons if you wish:

var options = {
    buttons: {
        NewButton: function () {
            $(this).dialog('close');
            // add code here
        }
    }
};
$(selector).dialog('option', options);

answered Jul 16, 2009 at 7:48

RaYell

70.6k20 gold badges127 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

rapi · Accepted Answer · 2011-03-10 12:33:33Z

4

FWIW,

$(".dialog").dialog("option", "buttons", null);

answered Mar 10, 2011 at 12:33

rapi

1411 silver badge6 bronze badges

Comments

Stefan Kendall · Accepted Answer · 2009-09-03 19:50:32Z

2

Buttons cannot be added/set while the dialog is loading.

answered Sep 3, 2009 at 19:50

Stefan Kendall

68.2k69 gold badges259 silver badges409 bronze badges

Comments

geowa4 · Accepted Answer · 2009-07-16 00:49:14Z

0

You need to destroy the current one first. Then you can make a new one with the new options you want.

EDIT (to response to comment): I don't know what to tell you. I did the following on my site and WFM.

$('.selector').dialog('destroy');
$('.selector').dialog({ buttons: { "Ok": function() { $(this).dialog("close"); } } });
$('.selector').dialog('open');

You need to return to pre-init state to alter the buttons, which is what destroy does. Maybe I just wasn't clear enough on the steps.

edited Jul 16, 2009 at 0:49

answered Jul 15, 2009 at 17:40

geowa4

42.1k17 gold badges90 silver badges107 bronze badges

2 Comments

Stefan Kendall Over a year ago

Destroying hides. Of course I can destroy the dialog and build it again, but the jquery ui documentation seems to think you can build buttons post-creation.

geowa4 Over a year ago

editing to respond to your comment. you need to return to pre-init state before you can alter the buttons.

Peter · Accepted Answer · 2009-08-19 18:53:35Z

0

The discussion here is better: http://www.nabble.com/jQuery-dialog-add-remove-button-on-the-fly-td22036498s27240.html

Add in the prescribed extensions and you can just use addbutton and removebutton (should switch to camel case naturally :)

answered Aug 19, 2009 at 18:53

Peter

Comments

BasTaller · Accepted Answer · 2010-12-07 10:34:02Z

0

Anotherm, maybe the simplest, and very flexible way to do this is via CSS. (what if you'll eventually need them in the future...).

Looks like:

.ui-dialog-titlebar-close{display:none}

If you like to do it only for some dialogs, you may add dialogClass: option while initializing the dialog, and your css will look like (e.g. you've added myDialogClass as dialogClass, so the whole dialog container will be accessible via this class:

.myDialog  .ui-dialog-titlebar-close{display:none}

Good luck in customizing!

answered Dec 7, 2010 at 10:34

BasTaller

80610 silver badges18 bronze badges

Collectives™ on Stack Overflow

jQuery UI dialog - unable to remove buttons

6 Answers 6

Comments

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related