First off, I can see that my mvc3 project already had jquery ui in it but no theme css files.
I needed a date picked and as usual needed to override the EditorFor DateTime. I started off today by just using the default jquery ui js files supplied with the project under scripts. The date picker shows up fine, only with a completed messed up UI based on Site.css.
So now I downloaded a build of jquery (with the start theme) and followed this page about how to put it together.
I'm using T4MVC so my page looks like this:
<link href="@Links.Content.Site_css" rel="stylesheet" type="text/css" />
And this is the result:
Any ideas, I tried a couple combinations of where I put the script and css files tags in different places, but nothing seems to work.
Update: So I was a dumbhead to have a
<script> instead of a
<link> tag in the layout! But there is still a problem, the date picker shows with the css from Site.css.
Update 2: With Solution
So I checked chrome and under resources I can't see the jquery css file. I fire fiddler and I don't see any request for the css file.
The I see it!
<link href="@Links.Content.start.jquery_ui_1_8_7_custom_css" **rel="Stylesheet"** type="text/css" />
Yes! Thats right, I didn't add a rel!