CODEWITHSUNDEEP
javascriptjqueryjquery-ui
Dylan Klomparens
Dylan Klomparens

Reputation: 2932

jQuery UI: changing button text distorts button sizing

I have a button in a form (which is styled with jQuery UI), and am dynamically changing the text with JavaScript. For some reason, changing the text makes the button size shrink to an unusual size. What can I do to remedy this?

Here is a picture of the problem:

Different button sizes

Upvotes: 0

Views: 1456

Answers (1)

lalibi
lalibi

Reputation: 3078

You probably change the text of the button the wrong way. For instance, if you simply do $('#button').text('Test') or $('#button').html('Test') you will overwrite the span element jQuery emits for styling purposes.

Try this:

$('#button').find('span').text('Test');

EDIT:

I just found a cleaner way to do this:

$('#button').button('option', 'label', 'Test');

Upvotes: 6

Related Questions