Question

i have the following code inside my razor view to change the color of the text according to the texty content:-

string status = ViewData[vlr.LabTestID.ToString()].ToString();

              if (status.ToUpper().StartsWith("Erro".ToUpper()))
                {
        <td style="color: #b30000">
       @status
        </td>
                }
             else   if (status.ToUpper().StartsWith("With".ToUpper()))
                {
        <td style="color: #6b9e52">
        @status
        </td>}
              else  if (status.ToUpper().StartsWith("Below".ToUpper()))
                {
        <td style="color: #b30000">
        @status
        </td>}
             else   if (status.ToUpper().StartsWith("Above".ToUpper()))
                {
        <td style="color: #b30000">
        @status
        </td>}
              else  if (status.ToUpper().StartsWith("Cannot".ToUpper()))
                {
        <td style="color: #5c87b2">
        @status
        </td>}
             }

But is there a way to perform the same functionality using a more reliable and more simpler approach than the above?
BR

Answer 1

You could define a CSS style for each possibility and let that do the work.

Razor

<td class="@status.ToUpper()">
@status
</td>

CSS

.ERRO
{
    color: #6b9e52;
}

.WITH
{
    color: #b30000;
}