Input various colored text within an HTML element attribute

Question

Input various colored text within an HTML element attribute

In my asp.net project, I am looking to dynamically change the text color of a table cell based on a certain parameter. Here's an example scenario:

TableCell dataCell = new TableCell();
            foreach (var o in results)
            {
                TimeSpan timeDiff = (DateTime.Now - o.time);
                if (timeDiff.TotalSeconds < 60.0)
                {
                    //Display in green color
                    dataCell.Text += o.name;
                    //I attempted using string.Format("<p style=\"color:green\">{0}</p>", o.name); but it didn't work.
                }
                else
                {
                    //Display in red color
                    dataCell.Text += o.name;
                }                   
            }
            TRow.Cells.Add(dataCell);

I specifically require the text to be displayed in a single line which is why <h3>, <div>, and <p> elements do not suit my needs.

c#html css asp.net

Answer 1

Answer №1

If you want to change the text color of the entire cell, use the ForeColor property:

if (timeDiff.TotalSeconds < 60.0)
{
    //Text with green color
    dataCell.ForeColor = System.Drawing.Color.Green;
    dataCell.Text += o.name;
}
else
{
    //Text with red color
    dataCell.ForeColor = System.Drawing.Color.Red;
    dataCell.Text += o.name;
}

Alternatively, you can add other controls like Labels to the cell. Keep in mind that if you do this dynamically, you'll need to recreate these controls on every postback.

Answer 2

If you want to change the text color of the entire cell, use the ForeColor property:

if (timeDiff.TotalSeconds < 60.0)
{
    //Text with green color
    dataCell.ForeColor = System.Drawing.Color.Green;
    dataCell.Text += o.name;
}
else
{
    //Text with red color
    dataCell.ForeColor = System.Drawing.Color.Red;
    dataCell.Text += o.name;
}

Alternatively, you can add other controls like Labels to the cell. Keep in mind that if you do this dynamically, you'll need to recreate these controls on every postback.

Input various colored text within an HTML element attribute

Answer №1

Similar questions

Trouble arises when trying to utilize JsonUtility.FromJson in Unity

AngularJS directive element not displaying CSS styles properly

Save information in a session using html and javascript

Update the color of navigation items to reflect their active status

Issue with Bootstrap Navbar dropdown causing page refresh instead of menu dropdown activation

How can we detect line breaks within a selection using JavaScript?

Animate an image to the right when clicked, then return it to the left with a second click

Button that triggers HTML Audio play when clicked

When utilizing React, I generated an HTML page with a distinct .js file, however, encountered two unexpected errors

Using jQuery to populate tables

Firefox compatibility issue: Bootstrap modal button not functioning properly when wrapping other HTML elements

The CSS menu appears more compact when viewed on a different page

Sequential Element Loading using jQuery upon pageload

Ways to display an icon in Angular 10 only when it is hovered over

How can you apply styling to one element when focusing on a different element at separate hierarchy levels?

Spacing before input text is found to be unnecessary and can be removed

Tips for receiving form data in your asp.net mvc controller

Charge me at a later date directly from the shopping cart

implementing a smooth transition effect for image changes upon hover

Altering the display attribute cancels out any opacity transitions