Вы здесь

Как добавить разные css классы к каждой строке views?

0

Как добавить разные css классы к каждой строке views?
Например, вывод тегов: первый, второй, третий, четвертый, пятый, шестой и т.д.
первый - выводим красным цветом
второй - синим
третий - зеленым
четвертый - желтым
а дальше, к примеру, все цвета сначала
пятый - опять красным
шестой - синим и т.д.

Версия Drupal: 
7.x
Связанные проекты: 
Views
Вопрос задан 16.12.2015 - 20:26

Ответы

1

Большое спасибо за ответы!

Решил вопрос установкой модуля Semantic Views:

Ответ дан 17.12.2015 - 20:49
1

Заходим в темизацию вьюса:

Дальше нужно переопределить файл темизации вьюса. Чтобы это сделать нужно создать файл с одним из обведённых названий в папке с темой(у вас названия будут свои).

UPD: В картинке ошибся! Нужно править стиль вывода!

При клике на ссылку "Вывод в стиле строк" нужно скопировать стандартную темизацию и поставить в созданный файл. Поправить классы - прописать логику.

Сбросить кэш -> файл будет переопределять стандартную темизацию вьюса.

Ответ дан 16.12.2015 - 20:44
Аватар пользователя shu
shu
136
1

Это можно сделать через CSS3, не используя дополнительные классы.
Используйте обращение к номеру элемента - http://htmlbook.ru/css/nth-child
Но поддержка IE только с девятой версии.

Если нужно именно классы, то я бы сделал так:
1. Новое поле "Счётчик результатов". Скрываем поле из вывода. И выбираем "Заменить выводимое полем значение". Переписываем значение на 'color-[counter]' (без кавычек)
2. Идём в раздел "Формат" > "Настройки" и в поле для CSS классов указываем [counter]

В результате каждая строка вьюхи теперь имеет класс color-1, color-2 ....
Если строк не много - то этого будет достаточно, Вы можете назначить нужный цвет, например, красный для классов color-1, color-6, color-11, color-16. А синий для классов color-2, color-7, color-12, color-17

Если строк много и класс нужно действительно задавать с периодичностью. То нужно искать вариант, как через другое поле математически обработать значение счётчика, поделив значение на 5 и округлив в большую сторону до целого, тогда у Вас будет повторы 1-5, 1-5, 1-5, ...

Ответ дан 16.12.2015 - 20:47
Аватар пользователя Quty
Quty
27