How to render styles Inline In ASP.NET Web Form

Question

I am using System.Web.Optimization for Bundling and Minification in ASP.NET Web Form. Now I want to render all styles inline instead of refer into a single file after bundling. Here I got a solution for ASP.NET MVC https://codeshare.co.uk/blog/how-to-inline-css-and-javascript-bundles-in-mvc/ But I want to do it in Web Form.

Disha Raval · Answer

1) https://stackoverflow.com/questions/35453043/asp-net-webforms-bundling-minification-bundled-script-throws-404 2) https://stackoverflow.com/questions/29780592/add-bundling-to-asp-net-web-forms

Praveen Kumar · Answer

Thank you Disha, Currently I am using the same approach but now my requirement is different. Now I want to render the all content inline like traditional approach. [Here will be all content of css which are present in bundled Url] {https://cdn.sstatic.net/Sites/stackoverflow/primary.css?v=4b5fc6e8cf9e}

Praveen Kumar · Answer

No, my question is different! Let suppose, I have 2 stylesheets. 1. ~/css/first.css 2. ~/css/second.css and by using bundling I am combining these css files into a single file at runtime by providing some virtual path like /css/css_bundle and after rendering it looks like link href = "https://localhost/css/css_bundle?v=U-QR0SxUKhlePtbKcq1XX_LAyMMFA_LEFRiubd8Tdyw" rel = "stylesheet" /> But I want to render it inline. like following. body{ width : 100% ; font-size : 14px ;} ...

Disha Raval · Answer

Use master pages to control the general layout of your site, so you don't have to repeat the layout on every page. You don't need to do anything special in the CSS file to account for the master page, but you should add the link to the CSS file in the header of the master page, so it carries through to all of the pages using the master page. Master page header:

How to render styles Inline In ASP.NET Web Form

Answers (4)