小さなアイコン付きのPopOverのボタン
$dataOriginalTitle = 'popoverのタイトル文字列です';
$dataDisplay = '<i class="icon-info-sign icon-white"></i> 情報';
$dataTrigger = 'hover';
$dataContent = '表示するコンテンツの内容です';
echo $this->Html->link($dataDisplay, array('action'=> 'edit', $id),
array('class' => 'btn btn-primary btn-mini',
'rel' => 'popover',
'data-trigger' =>$dataTrigger,
'data-content' => $dataContent,
'data-original-title' => $dataOriginalTitle,
'escape' =>false
));
$dataDisplayにアイコンの情報をセットしています。
'escape' => false とするのがみそです。
$data-triggerは、hover, toggleとかあります。
本当は、hoverで、popoverを表示して、
ボタンクリックで、~/edit/$idに分岐する機能が欲しかったのですが、
この機能は、改造のお楽しみになりそうです。
0 件のコメント:
コメントを投稿