Need to explicitly call .button() to apply JQuery UI style?

Question

We have a couple <button> elements which we style with JQuery UI like this: $("#my-button" ).button();. Is there a way to have JQuery UI automatically style the buttons without explicity writing that code?

Chris · Accepted Answer · 2010-10-21 16:07:55Z

1

Presumably if your problem is having to duplicate code for each button then you could give them all a class and use $('.stylemeplease').button() or if its all buttons $('button').button().

It may be that there is a way to do it magically for anything that's a button or that there might be built in magic classes but if so I don't know of them offhand...

answered Oct 21, 2010 at 16:07

Chris

27.7k7 gold badges77 silver badges94 bronze badges

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

Comments

nolabel · Accepted Answer · 2010-10-21 18:31:43Z

0

Yes you can. All you have to do is all the class to the button.

You just need to add this class:

class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"

<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">Cool Button</button>

Of course you will need to add your own padding in there.

answered Oct 21, 2010 at 18:31

nolabel

1,1574 gold badges18 silver badges26 bronze badges

Collectives™ on Stack Overflow

Need to explicitly call .button() to apply JQuery UI style?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related