Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
@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>
Surround the dynamic part with parentheses (the
@( ... )construct):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: