jQuery Dialog Button Text

Question

I am using jQuery UI to create an AJAX form. My form is working correctly, however the text attribute of the buttons is not being displayed for some reason.

This is what I am using:

$( "#help_form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: [
            {
                text: "Send Request",
                id: "submit_help_form",
                click: function() {}
            }
        ]
    });

The button is displayed at the bottom of the form, but no text is shown on it.

Can anyone see what I have done wrong?

Any advice appreciated.

Thanks.

Is that the text really not shown? Or it has the same color with the background? — Bang Dao
– Bang Dao, Commented Apr 12, 2011 at 14:15
It turned out that the site was using an older version of jQuery. I updated to the latest version and it started working fine. — Dan
– Dan, Commented Apr 13, 2011 at 13:56

Vismari · Accepted Answer · 2011-04-12 14:36:53Z

1

Your code works here, I could see the button label. What browser are you using? I tried change some parts and it worked too:

$(function(){
    $( "#help_form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: {
            "Send Request":function() {alert(0);} 
            ,"Send Request2":function() {alert(2);} 
        }
    });

    $( "#help_form" ).dialog('open');
});

answered Apr 12, 2011 at 14:36

Vismari

7453 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

jQuery Dialog Button Text

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related