Styling for jquery UI in MVC 4

This is going to be a very short post: I was having an issue with the DatePicker from jquery UI: widget was appearing without any style, I found I was missing  references for jquery UI css at BundleConfig:

var jqueryUI=new StyleBundle("~/Content/themes/base/css").Include(
                             "~/content/themes/base/jquery.ui.theme.css" 
                                );
            bundles.Add(jqueryUI);

Then, you add the following code at your _Layout View:

@Styles.Render(("~/Content/themes/base/css")

At the beginning I added jquery.ui.theme.css, after that, I was getting the DatePicker like this:
jscriptUI1

Do you see the weird characters? it solved when I changed the referenced css file for: jquery.ui.all.css at BundleConfig.cs. Now it looks like:

jscriptUI2

Happy weekend.

 

Leave a Reply

Your email address will not be published. Required fields are marked *