asp.net core Change span color if @Html.DisplayFor has no data

Loading

asp.net core Change span color if @Html.DisplayFor has no data

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Yogeshkumar Hadiya5y ago
Accepted answer
You can put if condition like this.
<div class="col-2">
@if(Mode.PTWContent.PTWNo!=null){
<span class="form-control form-control-sm">
@Html.DisplayFor(model => model.PTWContent.PTWNo)
span>
}
else  {
<span class="form-control form-control-sm">
NA
span>
}
div>
Marius Vasile5y ago
Got it, thank you Yogeshkumar, I used the following code
class="col-2">
@if(Mode.PTWContent.PTWNo==null){

            class="form-control form-control-sm bg-warning">N/A
}
class="form-control form-control-sm">@Html.DisplayFor(model => model.PTWContent.PTWNo)

Sachin Singh5y ago
the best way is to define business rule for it
Public Class YourClass
{
public string PtwContenet {get;set;}

private string _Color ;

public string Color
get{_color=value;}
set{ if(PtwContent==null){
_Color="Yellow";
}else
{
_color=value;
}
now in html
something
In this way you do not need to worry about color anymore
also if in future you need to change color then insted of changing UI you can manipulate through Class property.