Классы CSS строки списка больше не поддерживаются?

Я пытаюсь следовать октябрьскому руководству по стилю пользовательского интерфейса бэкенда по адресу: https://octobercms.com/docs/ui/list — особенно раздел Status column.

Мне нужно выделить ячейки строки зеленым или красным цветом. В руководстве упоминаются классы CSS .negative и .positive, а также text-danger и text-success, однако я не могу заставить их работать.

Я добавляю классы CSS в свой файл columns.yaml:

    status:
    label: Status
    type: text
    cssClass: 'oc-icon-circle text-danger negative'

Вот сгенерированный HTML-код при проверке в браузере Chrome:

<td data-title="Status" class="list-cell-index-4 list-cell-name-status list-cell-type-text oc-icon-circle text-danger negative">
  Blocked
</td>

Что не так с моим кодом выше? Есть ли другие классы, которые я могу использовать с OctoberCMS для выделения текста в строке таблицы?


octobercms
person jfoliveira    schedule 31.03.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Возможно, это может помочь вам:

В документе OctoberCMS мы можем найти несколько классов css для выделения строк. И мы можем увидеть пример в плагине Rainlab.User.

Из контроллера нужно только добавить метод listInjectRowClass.

// This code is part of the \RainLab\User\Controllers\Users
public function listInjectRowClass($record, $definition = null)
{
    if ($record->trashed()) {
        return 'strike';
    }

    if (!$record->is_activated) {
        return 'disabled';
    }
}

Источник: https://octobercms.com/forum/post/adding-row-class-to-lists-from-behavior

person Nelson Otazo    schedule 23.08.2016