Отображение пользовательского HTML в виде сетки form.io (динамический класс CSS)
Я пытаюсь настроить форму form.IO, которая позволит мне использовать значение поля как часть класса css. Это должно вступить в силу, когда элемент находится в табличном представлении. Если это также влияет на представление формы, это нормально, потому что у нас нет элемента, отображаемого в представлении формы.
В частности, я хочу получить следующий вывод:
<div class="[value]Stoplight"> </div>
Значения от объекта будут цвета, например, "желтый", поэтому результат будет:
<div class="yellowStoplight"> </div>
Как только у меня это получится, я могу сделать так, чтобы мой CSS-файл указывал фоновое изображение на основе класса и заставлял его отображать то, что я хочу.
В качестве альтернативы, если бы я мог поместить html-элемент типа image и иметь другой источник, в зависимости от значения объекта, который бы тоже работал.
Любые идеи о том, как я мог бы заставить любой из этих работ? Я не нахожу ничего, что относится к "динамическому CSS". Возможно, я ищу неправильные критерии поиска.