I am using a custom-them from the jQuery UI Theme Roller in an MVC project.
So I put the custom css at ProjectRoot\Content\css\custom-theme\jquery-ui-1.8.18.custom.css.
And I put the images at ProjectRoot\Content\css\cutom-theme\images
In my layout file I put
<!-- theme css for jQuery UI Widgets --> <linkhref="@Url.Content("~/Content/css/custom-theme/jquery-ui-1.8.18.custom.css")"rel="stylesheet"type="text/css"/>
Then
in one of my razor views I have: $("#btnSubmit").button({
icons: { primary: 'ui-icon-person'}
});
So now my button has the nice styles as far as text, border, and background colors for active and hover states.
But I can't get it to pull in a primary icon.
The custom-theme css has a line I think to find the active image here:
No special operations to use jQueryUI. Open firebug or anything else to check paths to images. If they correct, there's something wrong with paths represent in IIS.
smiller781
Member
172 Points
199 Posts
jQuery UI custom css can't find icon images
Apr 05, 2012 04:15 PM|LINK
I am using a custom-them from the jQuery UI Theme Roller in an MVC project.
So I put the custom css at ProjectRoot\Content\css\custom-theme\jquery-ui-1.8.18.custom.css.
And I put the images at ProjectRoot\Content\css\cutom-theme\images
In my layout file I put
<!-- theme css for jQuery UI Widgets -->
<link href="@Url.Content("~/Content/css/custom-theme/jquery-ui-1.8.18.custom.css")" rel="stylesheet" type="text/css" />
Then in one of my razor views I have:
$("#btnSubmit").button({ icons: { primary: 'ui-icon-person'} });
So now my button has the nice styles as far as text, border, and background colors for active and hover states.
But I can't get it to pull in a primary icon.
The custom-theme css has a line I think to find the active image here:
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #5566aa; }
I tried changing the path to like url(Content/css/custom-theme/images/ui_bg_glass... to no avail.
Is there something special you have to do in MVC for this?
AlexMgn
Member
102 Points
24 Posts
Re: jQuery UI custom css can't find icon images
Apr 09, 2012 05:35 AM|LINK
No special operations to use jQueryUI. Open firebug or anything else to check paths to images. If they correct, there's something wrong with paths represent in IIS.