css Поля Список

InstantCMS 2.X

css Поля Список

#1 1 апреля 2019 в 13:10
Здравствуйте. Есть css для Поля Список: мультивыбор:
  1.  
  2. .ft_listjoin > .value > ul.multiple_tags_list {
  3. margin-bottom: -5px;
  4. }
  5. .ft_listjoin > .value > ul.multiple_tags_list li {
  6. display: inline-block;
  7. margin: 0 5px 5px 0;
  8. padding: 4px 8px;
  9. color: #68809B;
  10. background: #fcf0b3;
  11. border: solid 1px #fae684;
  12. border-radius: 4px;
  13. }
  14. .ft_listjoin > .value > ul.multiple_tags_list li > a {
  15. text-decoration: none;
  16. color: inherit;
  17. display: block;
  18. margin: -4px -8px;
  19. padding: inherit;
  20. }
  21. .ft_listjoin > .value > ul.multiple_tags_list li > a:hover {
  22. background: #fae684;
  23. }
  24.  
Выглядеть значение Поля "sss" в Записи будет так:

Может кто-нибудь знает как сделать такое отображение для Поля Список "ttt"? Спасибо.
#2 1 апреля 2019 в 13:15
список не стилизуется.
Используйте библиотеку jquery-chosen.js и jquery-chosen.css для стилизации списков
#3 1 апреля 2019 в 13:41

список не стилизуется.

islyaeFF
Интересно чем Список хуже Cписок: мультивыбор.
#4 1 апреля 2019 в 14:01
Despot

Вы же спрашиваете как из списка с тегами <select><option> получить вот такой стилизованный список


Или вы спрашиваете как из обычного <div> контейнера получить прямоугольник с желтым фонои и скругленными краями?
#5 1 апреля 2019 в 14:08

Может кто-нибудь знает как сделать такое отображение для Поля Список "ttt"? Спасибо .

islyaeFF
По такому же принципу, как и у мульти списока.
каждому полю присваивается класс f_название вашего класса. Так вот создаете в своем css этот класс и вперед.
#6 1 апреля 2019 в 14:12
Killer's dream



Интересно, как тут мой ник оказался? Это баг такой?
#7 1 апреля 2019 в 14:19

получить прямоугольник с желтым фоном и скругленными краями?

islyaeFF
Да, только для Поля Список.
#8 1 апреля 2019 в 14:21

Интересно, как тут мой ник оказался? Это баг такой?

islyaeFF
Нет это не баг ))) это я выделил сообщение его а нажал цитировать выделенное на вашем сообщение.
#9 1 апреля 2019 в 14:23

По такому же принципу, как мульти список.

Killer's dream
У Список нет "multiple_tags_list"

каждому полю присваивается класс f_название вашего класса. Так вот создаете в своем css этот класс и вперед.

Killer's dream
Нужно не для каждого, для всех полей Список.
#10 1 апреля 2019 в 15:31
#11 1 апреля 2019 в 15:45
  1. .field.ft_list.f_list1.auto_field >.value {background:#000}
Где в классе .f_list1,list1 системное имя вашего поля. Ну там придётся ещё со стилями поработать. Например
.field.ft_list.f_list1.auto_field >.value {width:40px;float:left;}


#12 1 апреля 2019 в 15:52
Всем спасибо, буду пробовать. Карму даже не могу повысить "бомж"-режим…
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.