MVC 4.0 Razor and Themeroller RSS

• • Reply
  

  pattormey

  Member

  50 Points

  25 Posts

  MVC 4.0 Razor and Themeroller

  Mar 27, 2012 09:03 PM|LINK

  I'm looking for a simple step by step description of using a jquery Themeroller (http://jqueryui.com/themeroller/) theme with MVC 4.0 beta and Razor.

  It seems I just need to add my le-Frog or Redmond css files to the themes folder, copy the themes js to the js folder and let ResolveBundleUrl do it's magic

    <link href="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Content/themes/base/css")" rel="stylesheet" type="text/css" />
    <link href="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Content/themes/le-frog/jquery-ui-1.8.18.custom.css")" rel="stylesheet" type="text/css" />

  but I must be missing somthing..

  Thanks

  Pat NH USA

   

  Pat Tormey PE
  MS MVP
  New Hampshire USA
  PTormey@4square.net
• • Reply
  

  CodeHobo

  All-Star

  18647 Points

  2647 Posts

  Re: MVC 4.0 Razor and Themeroller

  Mar 27, 2012 09:11 PM|LINK

  If you are using JQuery UI then you need to add a reference to the css and javascript files. In addition you need to be sure that you initialize the JQuery UI components when the page loads. If you are not using JQuery UI, then you need to style your elements with css classes that match the JQuery UI (themeroller) classes.

  Hattan Shobokshi
  Blog | Twitter : @Hattan
  
  • Marked as answer by pattormey on Mar 27, 2012 09:39 PM