nuBuilder Forum

Code: Select all

$(document).ready(function() {
    // Loop through each row in the browse view
    $('.nuBrowseCell').each(function() {
        // Get the cell's text or value
        let cellValue = $(this).text().trim();

        // Apply conditional formatting
        if (cellValue === 'High Priority') {
            $(this).css('background-color', 'red'); // Change cell color to red
            $(this).css('color', 'white');         // Change text color to white
        } else if (cellValue === 'Medium Priority') {
            $(this).css('background-color', 'orange');
        } else if (cellValue === 'Low Priority') {
            $(this).css('background-color', 'green');
        }
    });
});

Code: Select all

$('[data-nu-column="0"]').each(function () {
  // 0 = first column, 1 = 2nd column etc..

  let cellValue = $(this).text().trim();
  let rowNum = $(this).attr("data-nu-row");

  // Define formatting logic in an object
  const formattingRules = {
    "High Priority": { backgroundColor: "red", textColor: "white" },
    "Medium Priority": { backgroundColor: "orange" },
    "Low Priority": { backgroundColor: "green" },
  };

  // Retrieve formatting based on cell value
  const formatting = formattingRules[cellValue];

  if (formatting) {
    const rowSelector = $("div[id^='nucell_" + rowNum);
    rowSelector.css("background-color", formatting.backgroundColor);
    if (formatting.textColor) {
      rowSelector.css("color", formatting.textColor);
    }
  }
});