.net Razor code block within an inline css declaration

Question

@homePartnership.Batsman1Runs is the dynamic value from an api and px is static, if it runs next to each other, it breaks as @homePartnership.Batsman1Runspx isnt a valid field and if there is a space, html wont follow the width, below is what I currently have, it does not work.

<div class="left-bar" style="width:@homePartnership.Batsman1Runs{<text>px</text>}"></div>

McGarnagle · Accepted Answer · 2012-09-12 01:12:26Z

4

Surround the dynamic part with parentheses (the @( ... ) construct):

<div class="left-bar" style="width:@(homePartnership.Batsman1Runs)px"></div>

Note that Razor parses on whitespace, so this is valid Razor syntax: "width: @homePartnership.Batsman1Runs px". But of course, that produces "width: 5 px", which isn't quite valid CSS. However, as above, you can always add the parentheses to delineate a code block.

For reference, inline Razor Syntax:

edited Sep 12, 2012 at 1:12

answered Sep 12, 2012 at 1:02

McGarnagle

103k31 gold badges235 silver badges264 bronze badges

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

Collectives™ on Stack Overflow

.net Razor code block within an inline css declaration

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related