How to use C# inside an html tag in a razor view?

Question

I am trying to hide an html row using inline css and C# conditionals and I am not getting the syntax correctly. (I know how to hide the row using jQuery but I want to use inline css)

My try: <tr @{if (Model.Loan.IsValid != "Y") {@:style="display:None;"}}>

Another try: <tr @(Model.Loan.IsValid != "Y"? "style=display: None;":"")> shows as <tr style="display:" none;="">

Answer 1

You can try it this way. Using the @: breaks out of the C# code so you can start using HTML in the middle of the C# statement.

<tr 
    @if(Model.Loan.IsValid != "Y") 
    {
        @:style="display:none;"
    }
>

<tr>

Answer 2

How about:

<tr @(Html.Raw(Model.Loan.IsValid != "Y"? "style=\"display: None;\"":""))>

Edit: I would suggest to use a class instead of a style however

Answer 3

One way of achieving this in one line is using a variable as follow:

<tr style="display: @{ var display = (Model.Loan.IsValid != "Y") ? "none" : ""; @display; }">  
</tr>

Rei.

Answer 4

I believe you're attempting to do the following:

@Html.DisplayFor(content => 
      Model.Loan.IsValid != "Y" ? "<tr style="display: none;"></tr>" : "<tr></tr>");

If you're attempting to be concise with a single line. A ternary, would work ideal in that instance. I used DisplayFor , but it might not be ideal based on your model, without more information. The Raw may be better.