Opened 13 years ago

Closed 13 years ago

Last modified 10 years ago

#5425 closed bug (worksforme)

In the version query-ui-1.8 the dialog buttons lose the styles.

Reported by: gaizkile Owned by:
Priority: major Milestone:
Component: ui.dialog Version: 1.8
Keywords: buttons css lost Cc: [email protected]…, [email protected]
Blocked by: Blocking:


When you open a dialog,the buttons within the dialog pane lose the styles except the hover styles. To solve this problem you need to change the method in the file jquery.ui.dialog.js where the dialog are created. In the next lines it will be shown the lines of the new method corrected.

_createButtons: function(buttons) {
		var self = this,
			hasButtons = false,
			uiDialogButtonPane = $('<div></div>')
					'ui-dialog-buttonpane ' +
					'ui-widget-content ' +

		// if we already have a button pane, remove it

		(typeof buttons == 'object' && buttons !== null &&
			$.each(buttons, function() { return !(hasButtons = true); }));
		if (hasButtons) {
			$.each(buttons, function(name, fn) {
				$('<button type="button"></button>')
						'ui-state-default ' +
					.click(function() { fn.apply(self.element[0], arguments); })
						function() {
						function() {
					.focus(function() {
					.blur(function() {

Attachments (1)

jquery.ui.dialog.js (20.4 KB) - added by gaizkile 13 years ago.
The file corrected whith the new method _createButtons

Download all attachments as: .zip

Change History (3)

Changed 13 years ago by gaizkile

Attachment: jquery.ui.dialog.js added

The file corrected whith the new method _createButtons

comment:1 Changed 13 years ago by Scott González

Resolution: worksforme
Status: newclosed

This looks like the 1.7.2 implementation. You're probably just not including the new button plugin.

comment:2 Changed 10 years ago by Scott González

Milestone TBD deleted

Note: See TracTickets for help on using tickets.