How to use ui-state-error with jQuery dialog

Question

I have jQuery dialog working with my custom theme. I would like to use the "ui-state-error" css class to show errors in a dialog with that style. How do I incorporate that style within my own custom theme?

thanks.

JClaspill · Accepted Answer · 2011-03-22 21:01:37Z

3

Add the class name to your class attribute for the div.

<div id="dialog" class="ui-state-error">
<p class="ui-state-error-text">ERROR DIALOG TEXT</p>
</div>

http://jqueryui.com/docs/Theming/API

Also, you may need to add the class after you make the dialog.

$("#dialogID").dialog();
$("#dialogID").addClass("ui-state-error");

answered Mar 22, 2011 at 21:01

JClaspill

1,74519 silver badges30 bronze badges

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

Comments

Zmeiugo · Accepted Answer · 2015-06-19 05:34:17Z

1

If you just want to paint the title you can do:

$( "#dialogID" ).dialog({ autoOpen: false }).parent().children(".ui-dialog-titlebar").addClass('ui-state-error');

answered Jun 19, 2015 at 5:34

Zmeiugo

111 bronze badge

Collectives™ on Stack Overflow

How to use ui-state-error with jQuery dialog

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