Inline CSS with Razor MVC3

Question

Can anyone please answer to me as why this is not working?

For simplistic purposes propose I have the following:

var raw = "<div style='background:" + color.HexValue + "'></div>";

I am calling it like this:

<td>@Html.Raw(raw)</td>

And it produces the following:

<td><div style=""></div></td>

I have tried so many different ways and nothing seems to have worked. Also could you point me in the right direction to how this should be properly done.

IF you click View Source, do you really see that?

SLaks
– SLaks

2011-04-01 15:21:03 +00:00
Commented Apr 1, 2011 at 15:21 — SLaks
– SLaks, Commented Apr 1, 2011 at 15:21

Balton · Accepted Answer · 2013-02-01 11:59:35Z

2

It's easy

<td><div style="background: @'color.HexValue'"></div></td>

answered Feb 1, 2013 at 11:59

Balton

313 bronze badges

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

Comments

Damb · Accepted Answer · 2011-04-01 15:24:01Z

1

<div style="background: @color.HexValue;"></div>

answered Apr 1, 2011 at 15:24

Damb

14.7k6 gold badges50 silver badges49 bronze badges

5 Comments

Damb Over a year ago

@Tyrone: Are you sure, that your color.HexValue isn't null or empty? Because I tried your code and just changed color.HexValue for my own property and it works without problems. So you should check this too.

Tyrone Over a year ago

Thank you for you prompt response. The string is definitely not null since if I have the following <div>@color.HexValue</div> the value is inserted correctly. Its so strange...

Damb Over a year ago

@Tyrone: if the posted solution isn't working, then you will have to provide more code, because I cant see anything wrong in your code so far. Tested it and its working fine for me.

Tyrone Over a year ago

this worked for me <td><div style="background: @(color.HexValue)"></div></td>. Leaving out the brackets caused it to display some weird results. Still getting used to razor syntax.

Damb Over a year ago

@Tyroen: Really weird. In my case, it worked only without braces.

Tejs · Accepted Answer · 2011-04-01 15:22:39Z

0

You're overcomplicating this situation I think. You could write the following in your view and get the right thing:

<td><div style="background: @{color.HexValue}"></div></td>

answered Apr 1, 2011 at 15:22

Tejs

41.4k10 gold badges71 silver badges89 bronze badges

4 Comments

Buildstarted Over a year ago

Except that @{statement} doesn't output anything. If you're going to surround it it should be @(statement)

Tejs Over a year ago

My mistake - I didn't bother checking before answering =/

Tyrone Over a year ago

I will try this... Thank you for your help. Thought I was going crazy!

Tyrone Over a year ago

This worked brilliantly <td><div style="background: @(color.HexValue)"></div></td>

Collectives™ on Stack Overflow

Inline CSS with Razor MVC3

3 Answers 3

Comments

5 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

5 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related