ASP.Net MVC: How to use razor variable in CSS file

Question

as per my scenario i need to store this path /img/product.png of image in razor variable and later i want to use that razor variable in CSS file. below css code is in css file

.test{
    background: url('/img/product.png') no-repeat scroll 0 0 transparent;
}

so i use code like this way below but no luck still

.test{
    background: url('@Model.LogoUrl') no-repeat scroll 0 0 transparent;
}

i see this post http://www.codeproject.com/Articles/171695/Dynamic-CSS-using-Razor-Engine but i do not want to solve my issue as per the post. so let me know how to sort this issue. thanks

@ssilas777 sorry do not understand what u try to say......can u plzz come wit some example to describe what u said. thanks — Monojit Sarkar
– Monojit Sarkar, Commented Jul 28, 2016 at 11:18
it is possible, and it's already been answered here: stackoverflow.com/questions/4492748/dynamic-css-for-asp-net-mvc — Mladen B.
– Mladen B., Commented Feb 7, 2018 at 13:51

ssilas777 · Accepted Answer · 2016-07-28 11:31:08Z

5

By default, MVC does not support writing server side codes in external CSS file and external Javascript files.

For your case to work, you can add an internal stylesheet in your view file itself, it will work.

Eg:

@{
    ViewBag.Title = "Title";
}
<style>
    .test {
        background: url('@Model.LogoUrl') no-repeat scroll 0 0 transparent;
    }  
</style>

answered Jul 28, 2016 at 11:31

ssilas777

9,7704 gold badges48 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Rinto Antony Over a year ago

It is similar to same question

ssilas777 Over a year ago

No he is trying to put in external css file, I want him to put in view itself.

R K Sharma Over a year ago

background: url('@url.content(Model.LogoUrl)'); may help :)

Monojit Sarkar Over a year ago

how to return view which will have only css with razor variable ? looking for a similar article on this subject. please discuss how to achieve it. thanks

ssilas777 Over a year ago

I didn't get your question clearly.. Can you post it as a seperate question.. I'll surely try to help

|

Mihir Kale · Accepted Answer · 2016-07-28 11:27:24Z

0

As far as I know, you cannot refer or write Razor code in a CSS file. CSS files are processed by the browser where as the Razor code is executed by the server and then rendered by the browser

For your problem, you will need to write an inline style

answered Jul 28, 2016 at 11:27

Mihir Kale

1,1281 gold badge13 silver badges21 bronze badges

1 Comment

Mladen B. Over a year ago

Take a look at stackoverflow.com/questions/4492748/dynamic-css-for-asp-net-mvc

kkakkurt · Accepted Answer · 2016-07-28 11:33:00Z

0

You can also do it in HTML part like this:

For example:

<div class="test" style="background: url([email protected]) no-repeat scroll 0 0 transparent;">
...
</div>

answered Jul 28, 2016 at 11:33

kkakkurt

2,8001 gold badge35 silver badges35 bronze badges

Collectives™ on Stack Overflow

ASP.Net MVC: How to use razor variable in CSS file

3 Answers 3

7 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related