Как сделать выбор цвета визуально в tv поле типа migx?

Question

[Cheizer]

Друзья, как в tv поле MIGX сделать в списке выбор цвета визуально? Что бы юзер из списка выбирал цвета визуально, а не по названию (пример на фото первая позиция красный квадрат сделал).
Я пока придумал вариант прямо в field в варианты списка вставлять HTML код, но со стилями много кода получается, и кажется это как то не грамотно.

Какой еще есть способ? Может как то использовать SELECT или EVAL ? Посоветуйте пожалуйста

[
{"caption":"Информация", "fields": [
{"field":"colorname","caption":"Название цвета"},
{"field":"color", "caption":"Цвет маркера:", "inputTVtype":"listbox","inputOptionValues":"--||<div style='width:20px;height:20px;background:#cc0000'></div> - Красный||Синий||Зеленый||Красный||Розовый||Салатовый||Серый||Коричневый||Голубой||Желтый"}
]}
]

Answer 1

[Александр]

если я все правильно понял, то подойдет такое решение:
есть такой компонент ColorPicker(скачиваете устанавливаете) и создаете tv c типом ColorPicker, называете его например "color" (доступно для шаблонов оставляете пустым).
затем модифицируете свой migx

[{"caption":"Информация", "fields": [
{"field":"colorname","caption":"Название цвета"},
{"field":"color", "caption":"Цвет маркера:", "inputTV": "color"}
]}]

Comments

[Cheizer]

да да, вы все правильно поняли, уже использовал этот компонент, он супер, но тут немного другая задача, есть 12 четко определенных цветов, из которых юзеру нужно выбрать, а в колорпикере он навыдумывает их сам :) пока мне кажется решения нет, если только на базе колорпикера самому писать плагин, бекенд Modx все html вставки экранирует ковычки, <> заменяет на всякие nbsp:; и тп

[Cheizer]

Я даже уже хотел оставить список текстом цвета, а в описание к TV подгрузить рисунок с цветами поясняющий, даже так нельзя в админке, только текст :(

[Александр]

Роман Кузнецов, да, тут тогда самый простой вариант делать как у тебя уже сделано через HTML код(не самое лучшее решение, но как вариант), можно поискать компоненты которые наподобие колорпикера но с возможностью ограничивать только нужные цвета(не встречал), либо писать что то свое(Создание собственного TV-type) что то типо такого mycode.in.ua/modx/samples/create-custom-tv-type.html

[Cheizer]

Александр, да, вопрос уже неактуален, так как в админке MODx парсер удаляет html символы в виде <> поэтому в списке еще можно увидеть верстку свою, а вот уже после выбора она как голый код смотрится в inpute, да и вообще, в input в value или в option html код не засунуть как я понял, даже не в MODx. За ссылку спасибо, буду вникать.