2017-02-27 8 views
2

yii/yii2フレームワークのタブ背景画像を設定できますか?背景色やフォントを変更しないでください。それはCSSでも変わっていますか?どんな例も参照できますか?yii tab背景画像を表示させることはできますか?

enter image description here

+0

質問を更新し、これらのタブの表示コードを表示 – scaisEdge

+0

マウスオーバー時にこれらのタブの背景色を変更することは可能ですか? –

答えて

0

はい

tipically Yii2のタブ形態はbootstrap3 CSSのtempaleteに基づいていることが可能であるので、ラベル(非符号化)を使用するためのラベルテキストのIMGのisteadを割り当てることができ

echo Tabs::widget([ 
'items' => [ 
    [ 
     'label' => '<img src="your_source_url/your_image.jpg">', 
     'encode' =>false, 
     'active' => true 
    ], 

またはbakgroundカラーの場合は、あなたが希望するスタイル(またはクラス)を割り当てるオプションを使用できます

echo Tabs::widget([ 
'items' => [ 
    [ 
     'label' => 'my_label', 
     'options' => ['style' ='background-color: red;] 
     'active' => true 
    ], 

http://www.yiiframework.com/doc-2.0/yii-bootstrap-tabs.html# $ items-detail

+0

よろしくお願いいたします。どのようにそれを解決するアイデアを得た! –

関連する問題