dynamically set css file name in _layout master page in Razor Mvc

Question

I have a css file referenced in my _layout.cshtml

<link rel="stylesheet" type="text/css" href="//css/styles-640.css" />

there are 2 different versions (640 and 720) for displaying the page in different sizes

The size is a value in the querystring

How can I read the value from the querystring and dynamically inject it into the filename of the .css file?

This is in the master page (_layout.cshtml) and it obviously has lots of different ViewModels depending on which view is being rendered

Samuel Caillerie · Accepted Answer · 2013-04-24 13:34:26Z

2

@if(Request["size"] == 640) {
    <link rel="stylesheet" type="text/css" href="//css/styles-640.css" />
} else {
    <link rel="stylesheet" type="text/css" href="//css/styles-720.css" />
}

answered Apr 24, 2013 at 13:34

Samuel Caillerie

8,2652 gold badges29 silver badges34 bronze badges

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

2 Comments

misak Over a year ago

VS Compiler reports me error: Error 1 Operator '==' cannot be applied to operands of type 'string' and 'int'

Samuel Caillerie Over a year ago

@misak in this case, "size" is being passed as a string, so compare as a string : @if(Request["size"] == "640") {.

misak · Accepted Answer · 2013-04-24 14:12:48Z

0

It's very easy, Use condition @if in _layout.cshtml. Don't remember call cast function.

Request.QueryString["big"] and Request["big"] are same

@if (Request.QueryString["big"].AsBool()==true)
{
    <link rel="stylesheet" type="text/css" href="//css/styles-720.css" />

}
else
{
    <link rel="stylesheet" type="text/css" href="//css/styles-640.css" />
}

edited Apr 24, 2013 at 14:12

answered Apr 24, 2013 at 13:42

misak

3421 gold badge2 silver badges13 bronze badges

Collectives™ on Stack Overflow

dynamically set css file name in _layout master page in Razor Mvc

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related