Applying jQuery UI CSS to MVC .input-validation-error

Question

I am writing an ASP.NET MVC app. I am at the client side validation part. I found that when the UI flashes an error, it uses the class .input-validation-error.

What do I have to do in order to successfully make this class the same as what the jQuery UI uses for Alert CSS.

If you go to http://jqueryui.com/themeroller/ and look at the lower right you'll see an Alert box. What is the correct way to use this styling for my input validation error class?

I am very new to MVC so am not sure how to go about this

Jonas T · Accepted Answer · 2011-02-12 19:05:41Z

4

What I would do is put that line of code in partial view and pass the message or view model to that partial view.

<div id="error-effect" class="ui-widget">
    <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
    <div style="margin-top:12px;">
    <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
    <strong>Error:</strong> 
    "Your message goes here"
   </p>
    </div>
    </div>
</div>

If you have imported the JQuery classes correctly, it should display the way it does on themeroller page.

answered Feb 12, 2011 at 19:05

Jonas T

3,0954 gold badges35 silver badges45 bronze badges

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

1 Comment

bulltorious Over a year ago

I'll udpate this post with credit as soon as I get a chance to try it.

Collectives™ on Stack Overflow

Applying jQuery UI CSS to MVC .input-validation-error

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related