jQuery-UI dialog buttons with icon

Question

I know that you can use the jQuery-UI widgets like buttons with icons. For example:

$('#MyButton1').button({
   icons: {
      primary: "ui-icon-search"
   }
});

But how you can insert a button with an icon into a dialog?

$('#MyDialog').dialog({ 
   buttons: {
      "Ok": function() {
      }
   }
});

you can use css, to add this icon

AlexC
– AlexC

2012-02-21 03:38:00 +00:00
Commented Feb 21, 2012 at 3:38 — AlexC
– AlexC, Commented Feb 21, 2012 at 3:38
possible duplicate of jQuery UI Dialog Button Icons

Andrew Whitaker
– Andrew Whitaker

2012-02-21 03:49:31 +00:00
Commented Feb 21, 2012 at 3:49 — Andrew Whitaker
– Andrew Whitaker, Commented Feb 21, 2012 at 3:49

Community · Accepted Answer · 2017-05-23 11:51:54Z

4

Duplicate question.. find your answer here: jQuery UI Dialog Button Icons

[....]
open: function() {
                $('.ui-dialog-buttonpane').
                    find('button:contains("Cancel")').button({
                    icons: {
                        primary: 'ui-icon-cancel'
                    }
                });
[....]

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Feb 21, 2012 at 3:47

Vigrond

8,1984 gold badges31 silver badges47 bronze badges

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

1 Comment

Andrew Whitaker Over a year ago

I know you can't vote to close yet, but posting this as a comment would have been more appropriate.

Collectives™ on Stack Overflow

jQuery-UI dialog buttons with icon

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related