add color style to value based on condition

Question

Hi All,

How do I conditionally add the style 'color:red' to the .CurrentDifference if the value happens to be a negative value?

Thanks, rod.

<div class="sRow">
    <div class="sLabel p40">
        Difference:
    </div>
    <%= (!String.IsNullOrEmpty(Model.Amount)?Model.Amount.CurrentDifference.ToString("c"):string.Empty) %>
</div>

Answer 1

I would add a class to your style sheet for the red color. Then conditionally apply the class to a span as such.

<div class="sRow">
    <div class="sLabel p40">
        Difference:
    </div>
    <span class='<%= (Model.Amount>0?"Currency":"CurrencyRed") %>' >
    <%= (!String.IsNullOrEmpty(Model.Amount)?Model.Amount.CurrentDifference.ToString("c"):string.Empty) %>
    </span>
</div>

Answer 2

<div class="sRow"> 
    <div class="sLabel p40"> 
        Difference: 
    </div> 
    <span style="<%=Model.Amount.CurrentDifference < 0  ? "color: #FF0000": ""%>"> 
      <%= (!String.IsNullOrEmpty(Model.Amount)?Model.Amount.CurrentDifference.ToString("c"):string.Empty) %> 
    </span>
</div> 

Note this is very sloppy. I would consider putting the logic for this in your Controller Action instead of putting conditional logic in your View. Perhaps use tempdata or even expose a new field in your model.