I would like to display the PASS and FAIL in colors based on condition PASS green color and FAIL red color See the inline code belowltdiv class34colxs4 colmd4 collg4 AlignTop34 style34display flex flexdirection column alignitems flexend width 034gtltdiv class34dfjcfe dfac gatewaySignal sigIcon34 style34height 15034gtltif new VersionitemFirmwareVersion gt new Version3416340034 gt ltif message

Hi slb2013Please refer below sampleHTMLCltforeach Signal message in thisSignalData gtltdiv title34ltmessageSignalStrengthgt34 style34fontsize 2em margintop 5px34 class39ltmessageSignalStrength34Pass3434Green3434Red34 gt39gt ltmessagePercentgtltdivgtlt gtltstyle type34textcss34gt Green backgroundcolor green Red backgroundcolor red ltstylegtVBNetlt For Each message As Signal In MeSignalDatagtltdiv title34ltmessageSignalStrengthgt34 style34fontsize 2em margintop 5px34 class39lt IfmessageSignalStrength 34Pass34 34Green34 34Red34 gt39gt ltmessagePercentgtltdivgtlt Nextgtltstyle type34textcss34gt Green backgroundcolor green Red backgroundcolor red ltstylegtCodeCpublic ListltSignalgt SignalData get

Change HTML DIV Color based on condition in ASP.Net

slb2013

SOLVED CLOSED ACTIVE ANSWERED
User: slb2013
Posted: on Aug 21, 2022 10:52 PM
Forum: ASP.Net Web Forms
Answer: 1
Views: 3403

I would like to display the PASS and FAIL in colors based on condition:

PASS = green color and FAIL = red color. See the inline code below:

<div class="col-xs-4 col-md-4 col-lg-4 AlignTop" style="display: flex; flex-direction: column; align-items: flex-end; width: 0%;">
<div class="dfjcfe dfac gatewaySignal sigIcon" style="height: 150%;">
<%if (new Version(item.FirmwareVersion) >= new Version("16.34.0.0"))
    {%>
        <%if (message != null)
            {
                if (item.IsPoESensor)
                {%>
        <div class="icon icon-ethernet-b"></div>
        <%}
            else
            {
                int Percent = DataMessage.GetSignalStrengthPercent(item.GenerationType, item.SensorTypeID, message.SignalStrength);
                string signal = "";

                if (Percent <= 0)
                    signal = "-0";
                else if (Percent <= 10)
                    signal = "-1";
                else if (Percent <= 25)
                    signal = "-2";
                else if (Percent <= 50)
                    signal = "-3";
                else if (Percent <= 75)
                    signal = "-4";
                else
                    signal = "-5";

                int maxRSSI = int.MinValue;
                string signalTest = "";

                if (string.IsNullOrEmpty(item.GenerationType) || item.GenerationType == "Gen1")
                {
                    maxRSSI = -40;
                }
                if (item.GenerationType == "Gen2")
                {
                    if (item.RadioBand.Contains("433"))
                        maxRSSI = -40;
                    else
                        maxRSSI = -35;
                }
                if (maxRSSI <= message.SignalStrength)
                {
                    signalTest = " PASS ";   <--- color green
                }
                else
                {
                    signalTest = " FAIL ";   <--- color red
                }%>

HERE :

If signalTest IS PASS then display green Color

If signalTest IS FAIL then display red Color

Thanks.

Download FREE API for Word, Excel and PDF in ASP.Net

Shivam.M

0 2

Reply
ANSWER
User: Shivam.M
Replied: on Aug 22, 2022 01:26 AM
Modified: on Aug 22, 2022 01:28 AM
Report

Hi slb2013,

Please refer below sample.

HTML

<%foreach (Signal message in this.SignalData)
    {%>
<div title="<%=message.SignalStrength%>" style="font-size: 2em; margin-top: 5px;"
    class='<%=message.SignalStrength=="Pass"?"Green":"Red" %>'>
    <%=message.Percent%>
</div>
<%} %>

<style type="text/css">
    .Green { background-color: green; }
    .Red { background-color: red; }
</style>

VB.Net

<% For Each message As Signal In Me.SignalData%>
<div title="<%=message.SignalStrength%>" style="font-size: 2em; margin-top: 5px;"
    class='<%= If(message.SignalStrength = "Pass", "Green", "Red") %>'>
    <%=message.Percent%>
</div>
<% Next%>

<style type="text/css">
    .Green { background-color: green; }
    .Red { background-color: red; }
</style>

Code

public List<Signal> SignalData { get; set; }
protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        SignalData = new List<Signal>()
        {
            new Signal{ SignalStrength="Fail",Percent=10},
            new Signal{ SignalStrength="Pass",Percent=80},
        };
    }
}

public class Signal
{
    public string SignalStrength { get; set; }
    public int Percent { get; set; }
}

VB.Net

Public Property SignalData As List(Of Signal)

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    If Not Me.IsPostBack Then
        SignalData = New List(Of Signal)() From {
            New Signal With {
                .SignalStrength = "Fail",
                .Percent = 10
            },
            New Signal With {
                .SignalStrength = "Pass",
                .Percent = 80
            }
        }

    End If
End Sub

Public Class Signal
    Public Property SignalStrength As String
    Public Property Percent As Integer
End Class

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Change HTML DIV Color based on condition in ASP.Net

Company

Explore

Follow us

Contact Us