Question

I have a ninput and two spans, each with a jquery ui icon that I am trying to display inline in a jquery ui dialog.

The problem occurs when I try to apply ui-state-error to the span.

Outside the dialog the icons works fine, inside the dialog however the icon does not show up correctly… !

Ideas???

http://jsfiddle.net/kralco626/K6TzK/8/

Answer 1

If you give your popup div an ID, you add the following to your CSS to fix the issue:

#popupDiv > .ui-state-error { 
    background-position: -32px -192px; 
}

That should cause minimal impact on whatever else you have on the page.

Demo on jsfiddle