Styles Render in MVC4

Question

In a  NET MVC4 project how does  Styles Render works   I mean  in  Styles Render    Content css   which file is it calling   I dont have a file or a folder called  css  inside my Content folder

User · Answer

src   url content    Folderpath   css    should render styles

User · Answer

As defined in App start BundleConfig  it s just calling   bundles Add new StyleBundle    Content css   Include    Content site css       Nothing happens even if you remove that section

User · Answer

Set this to False on your web config  lt compilation debug  quot false quot  targetFramework  quot 4 6 1 quot    gt

User · Answer

A bit late to the party  But it seems like no one has mentioned bundling  amp  minification of StyleBundle  so       Styles Render    Content css      calls in Application Start     BundleConfig RegisterBundles BundleTable Bundles                 which in turn calls  public static void RegisterBundles BundleCollection bundles        bundles Add new StyleBundle    Content css   Include                   Content bootstrap css                    Content Site css           RegisterBundles   effectively combines  amp  minifies bootstrap css  amp   Site css into a single file      lt link href   Content css v omEnf6XKhDfHpwdllcEwzSIFQajQQLOQweh aX9VVWY1  rel  stylesheet  gt    But     lt system web gt     lt compilation debug  false  targetFramework  4 6 1    gt   lt  system web gt    only when debug is set to false in Web config  Otherwise bootstrap css  amp  Site css will be served individually  Not bundled  nor minified    lt link href   Content bootstrap css  rel  stylesheet  gt   lt link href   Content Site css  rel  stylesheet  gt

User · Answer

Watch out for case sensitivity  If you have a file       Content bootstrap css   and you redirect in your Bundle config to       Include    Content Bootstrap css     it will not load the css

User · Answer

It s calling the files included in that particular bundle which is declared inside the BundleConfig class in the App Start folder   In that particular case The call to      Styles Render    Content css   is calling    Content site css    bundles Add new StyleBundle    Content css   Include    Content site css

User · Answer

I did all things necessary to add bundling to an MVC 3 web  I m new to the existing solution    Styles Render didn t work for me   I finally discovered I was simply missing a colon   In a master page   lt    Styles Render    Content Css     gt   I m still confused about why  on the same page   lt   Html RenderPartial  LogOnUserControl      gt  works without the colon

User · Answer

Polo I wouldn t use Bundles in MVC for multiple reasons  It doesn t work in your case because you have to set up a custom BundleConfig class in your Apps Start folder  This makes no sense when you can simple add a style in the head of your html like so    lt link rel  stylesheet  href    Content bootstrap css    gt   lt link rel  stylesheet  href    Content bootstrap theme css    gt    You can also add these to a Layout cshtml or partial class that s called from all your views and dropped into each page  If your styles change  you can easily change the name and path without having to recompile   Adding hard-coded links to CSS in a class breaks with the whole purpose of separation of the UI and design from the application model  as well  You also don t want hard coded style sheet paths managed in c  because you can no longer build  skins  or separate style models for say different devices  themes  etc  like so    lt link rel  stylesheet  href    UI Skins skin1 base css    gt   lt link rel  stylesheet  href    UI Skins skin2 base css    gt    Using this system and Razor you can now switch out the Skin Path from a database or user setting and change the whole design of your website by just changing the path dynamically   The whole purpose of CSS 15 years ago was to develop both user-controlled and application-controlled style sheet  skins  for sites so you could switch out the UI look and feel separate from the application and repurpose the content independent of the data structure     for example a printable version  mobile  audio version  raw xml  etc   By moving back now to this  old-fashioned   hard-coded path system using C  classes  rigid styles like Bootstrap  and merging the themes of sites with application code  we have gone backwards again to how websites were built in 1998

[c#] Styles.Render in MVC4

Examples related to c#

Examples related to asp.net-mvc

Examples related to razor

Examples related to asp.net-mvc-4