change size of buttons dialog jquery

HI ive got the following dialog.

However i want to change the size of the buttons that are shown in the dialog ( only the size of the buttons, maybe if its needed olso the text in the buttons but thats it. How can i do that ????

thnx

here is my code

function ApplyJQueryUI() {
$("#<%= callForwardingAlwaysOption.ClientID %>").buttonset();
$("#callForwardingAlwaysDialog").dialog({
resizable: false,
modal: true,
autoOpen: false,
show: "fade",
closeOnEscape: false,
hide: "fade",
buttons: {
"> Ok": function () {
$("#<%= callForwardingAlwaysButton.ClientID %>").click();
},
"> Annuleren": function () {
$("#<%= callForwardingAlwaysOption.ClientID %>_0").attr("checked", "checked");
$("#<%= callForwardingAlwaysOption.ClientID %>").buttonset("refresh");
$(this).dialog("close");
}
}
});
$('#callForwardingAlwaysDialog').keypress(function(e) {
if (e.keyCode == $.ui.keyCode.ENTER) {
$("#<%= callForwardingAlwaysButton.ClientID %>").click();
}
});
$("#callForwardingAlwaysDialog").parent().appendTo($("#<%= callForwardingAlwaysUpdatePanel.ClientID %>:first"));
if (isPostBack){
$(dialogInstance).dialog("close");
}
}

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Midhun Tp9y ago
Hi,

In jquery dialog popup, buttons will be most probably having a class "ui-button"
So you can apply css to this class in your page like below -

Please note that this will make styles common to all buttons inside dialog box.

You can also add icons for your button. Please refer below document -

http://api.jqueryui.com/dialog/#option-buttons
Ramesh Palanivel9y ago
You can over write the button css style in the same page.

First find the button class and over write the same class in same page and apply the styles as per your requirement.