2016-03-31 10 views
1

私は、10月のバックエンドユーザーインターフェイススタイルガイド( https://octobercms.com/docs/ui/list)、具体的にはStatus columnセクションに従っています。リスト行のCSSクラスはサポートされなくなりましたか?

緑色または赤色の行セルを強調表示する必要があります。 ガイドではCSSクラス.negative.positive、さらにtext-dangertext-successがありますが、動作させることはできません。

私は私のcolumns.yamlファイルにCSSクラスを追加してい:

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

ここではChromeブラウザ上で検査生成されたHTMLコードです:

<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で使用できる他のクラスはありますか?

答えて

0

多分これはあなたを助けることができる:

OctoberCMSドキュメントでは、我々はハイライト行のためのいくつかのCSSクラスをfindすることができます。そして、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

関連する問題