JqueryUI dialog box causes button to lose styling
- by superexsl
Hey everyone,
I'm using JQueryUI dialog boxes and, while it works, it seems to remove any CSS styling on the button that opens the dialog. I have to manually refresh the page to get the styling back.
An example button which launches the dialog: (button_submit is my CSS theme and launc_popup is used to detect the button click in JQuery.
<asp:Button ID="btnLaunch" CssClass="button_sub launch_popup" runat="server" Text="Dialog..." CausesValidation="false" OnClientClick="return false;" />
My jquery:
$('.launch_popup').click(function() {
$("#dialog-form").dialog("open");
});
My dialog-form:
$("#dialog-form").dialog({
autoOpen: false,
height: 300,
width: 300,
modal: true,
buttons: {
'Close': function() {
$(this).dialog('close');
}
}
});
This happens to all the buttons that open dialogs. Is there a way to 'restyle' the button without refreshing the page? (It's in an updatepanel if that makes a difference, although this bit's client-side so not sure if that should affect it).
Thanks for any help
