Italicize repeater text if a certain value is found & apply avenir light font

Ask the community
,
1

Hi All, I’m new to Javascript and I’m trying to conditionally format the text in my repeater element. Right now I have a repeater styled as a table and in the columns there can be 3 potential statuses: Complete, Ongoing, or Pending. If the value of the textbox is “Ongoing” I want the text to be italicized.

178×929 7.97 KB

Right now, my code is applying the italicized formatting but changing all of the values in the column to Ongoing.

$w.onReady(function () {
  if ($w("#text64").text === "Ongoing") {
    let value = $w("#text64").text;
    $w("#text64").html = "<p style='font-size: 18px; text-align: center; font-style: italic;'>" + value + "</p>";
  } else {
    let value = $w("#text64").text;
    $w("#text64").html = "<p style='font-size: 18px; text-align: center; font-weight: 300;'>" + value + "</p>";
  }
});

Also of note, the text should be Avenir Light but when I add font-family: avenir light; to the

, it doesn’t work. I also tried having the font-family: avenir (which seems to work) and then changing the font-weight:300 but that doesn’t work either.

Thanks in advance!