Button Disabled.

Hi Ramco,

To conditionally grey out the delete icon based on the Status value in your HTML, you need to dynamically modify the HTML string based on the Status value. Here's how you can achieve this in C#.

C# Code Example

// Assuming 'status' is a variable holding the value of the Status field
string status = "Disabled"; // Replace with your actual status variable

// Initialize StringBuilder to construct the HTML table row
var htmlTable = new StringBuilder();

htmlTable.Append("");
htmlTable.Append("");
htmlTable.Append("");

// Check if status is 'Disabled'
if (status == "Disabled")
{
    htmlTable.Append("");
}
else
{
    htmlTable.Append("");
}

htmlTable.Append("");

Explanation:

Check Status:
- The if statement checks if the status is "Disabled".
Greying Out the Delete Icon:
- If status is "Disabled", the delete icon
  tag:
  - Uses the class text-secondary-600 to apply a grey color.
  - Includes style='pointer-events: none;' to make it non-clickable.
  - Uses onclick='return false;' to prevent any actions if clicked.

Default Case:

If the status is not "Disabled", the delete icon retains its normal appearance and functionality.

CSS Classes:

Ensure you have the necessary CSS classes defined to reflect the grey color for disabled state. For example:

.text-secondary-600 {
    color: #6c757d; /* Grey color */
    opacity: 0.6; /* Optional: visually indicate disabled state */
}

Usage:

This code dynamically generates HTML based on the status value, allowing you to conditionally format the delete icon in your table rows.

2 Replies

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

Gowtham Cp2y ago

Accepted answer

To gray out the "Delete" button when the status is "Disabled," you can adjust your code like this:

// Set the status (replace with your actual status variable)
string status = "Disabled"; // Change this based on your logic

// Build the table cell
htmlTable.Append("");

// Add the Edit button
htmlTable.Append("");

// Conditionally add the Delete button
string deleteClass = status == "Disabled" ? "text-muted" : "text-danger-600";
string deleteAttributes = status == "Disabled" ? "disabled" : "";
htmlTable.Append($"");

htmlTable.Append("");

This makes your UI cleaner and more intuitive! Hope it helps!

Aman Gupta2y ago
Hi Ramco,

To conditionally grey out the delete icon based on the Status value in your HTML, you need to dynamically modify the HTML string based on the Status value. Here's how you can achieve this in C#.

C# Code Example
```
// Assuming 'status' is a variable holding the value of the Status field
string status = "Disabled"; // Replace with your actual status variable

// Initialize StringBuilder to construct the HTML table row
var htmlTable = new StringBuilder();

htmlTable.Append("");
htmlTable.Append("");
htmlTable.Append("");

// Check if status is 'Disabled'
if (status == "Disabled")
{
    htmlTable.Append("");
}
else
{
    htmlTable.Append("");
}

htmlTable.Append("");
```
Explanation:
1. Check Status:
  
  The if statement checks if the status is "Disabled".
2. Greying Out the Delete Icon:
  
  If status is "Disabled", the delete icon tag:
  
  Uses the class text-secondary-600 to apply a grey color.
  
  Includes style='pointer-events: none;' to make it non-clickable.
  
  Uses onclick='return false;' to prevent any actions if clicked.
CSS Classes:
Ensure you have the necessary CSS classes defined to reflect the grey color for disabled state. For example:

.text-secondary-600 { color: #6c757d; /* Grey color */ opacity: 0.6; /* Optional: visually indicate disabled state */ }
Usage:
This code dynamically generates HTML based on the status value, allowing you to conditionally format the delete icon in your table rows.