Liste Zeile CSS-Klassen nicht mehr unterstützt?

Question

Ich versuche, die Oktober-Backend-Benutzeroberfläche Style Guide unter: https://octobercms.com/docs/ui/list - speziell die Status column Abschnitt zu folgen.

Ich muss Zeilenzellen in grün oder rot hervorheben. Der Leitfaden erwähnt die CSS-Klassen .negative und .positive und auch die text-danger und text-success, aber ich kann sie nicht zur Arbeit bringen.

Ich füge die CSS-Klassen in meiner columns.yaml Datei:

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

Hier ist der HTML-Code generiert, wenn auf Chrome-Browser überprüft:

<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> 

Was oben ist falsch von meinem Code? Gibt es noch andere Klassen, die ich mit OctoberCMS verwenden kann, um Texte in einer Tabellenzeile hervorzuheben?

Answer 1

dies können Sie vielleicht helfen:

Im OctoberCMS doc wir einige CSS-Klassen für Highlight Reihen find können. Und wir können ein Beispiel im Rainlab.User-Plugin sehen.

Von der Steuerung muss nur die Methode listInjectRowClass hinzugefügt werden.

// 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'; 
    } 
} 

Quelle: https://octobercms.com/forum/post/adding-row-class-to-lists-from-behavior