Jquery dialog : Hide the button

Question

I am using Jquery's dialog() method to create dialog. I am creating buttons on the dialog while creating the dialog, using

      $("#divName").dialog({
            buttons:
            {
            "Cancel":{

I have one event on which I need to hide the button,but don't know which attributes to use. Please tell me the attributes to hide button. Thanks in advance.

score 15 · Answer 1 · edited Sep 29 '15 at 13:18

15

If you're trying to hide the "cancel" button, try this.

$('.ui-dialog-buttonpane button:contains("cancel")').button().hide();

edited Sep 29 '15 at 13:18

akiller

2,462
22
30

answered Feb 27 '13 at 15:30

bang

151
1
5

Had some trouble with this until I realized that the parameter ('cancel') is case sensitive (my button was labeled 'Cancel'). – JonV Mar 13 '22 at 06:04

score 7 · Answer 2 · answered May 10 '13 at 07:22

When you create the dialog, you describe the buttons and the attributes of the buttons, so add an "id" attribute to the button:

buttons: [ { text: "Save", id: "btnId", click: function() { ... } } ]

You can then use the id as a jquery filter for the hide() and show() methods:

$("#btnId").hide()...

score 2 · Answer 3 · answered Jul 16 '12 at 12:40

2

Use:

$('#divName').siblings('.ui-dialog-buttonpane').find('button').eq(n).hide();

where n is the number of the button in your dialog (starting from zero)

answered Jul 16 '12 at 12:40

Alnitak

334,560
70
407
495

score 1 · Answer 4 · edited Jul 17 '12 at 11:50

1

Try this.

$("#divName").css("display","none");

edited Jul 17 '12 at 11:50

bluish

26,356
27
122
180

answered Jul 16 '12 at 12:38

Akhi

2,242
18
24

1

that'll hide the whole dialog. – Alnitak Jul 16 '12 at 12:38
I've added a hint how you can give the button a ID so it is easier to access it. This way, only the button is hidden and not the entire dialog... ;-) – Matt Apr 09 '13 at 10:59

score 1 · Answer 5 · edited Jul 17 '12 at 11:50

1

This will hide first button:

$('#divName').siblings('.ui-dialog-buttonpane').find('button:first').hide();

edited Jul 17 '12 at 11:50

bluish

26,356
27
122
180

answered Jul 16 '12 at 12:40

Arkadiusz 'flies' Rzadkowolski

5,676
2
29
31

score 0 · Answer 6 · answered Jul 16 '12 at 13:16

0

Try below to get handle to all buttons and then loop through them to hide.

var buttons = $("#divName").dialog('option', 'buttons');

answered Jul 16 '12 at 13:16

Santosh Gokak

3,393
3
22
24

score 0 · Answer 7 · edited Sep 01 '23 at 11:05

0

Try this jQuery selector to hide the "cancel" button. Adjust childNodes index according to your buttons order.

$('.ui-dialog-buttonset')[0].childNodes[0].hide();

edited Sep 01 '23 at 11:05

Tyler2P

2,324
26
22
31

answered Aug 30 '23 at 17:37

Ammar Qadir

1
1

Jquery dialog : Hide the button

7 Answers7