CakePHP3 BootstrapUIで、col-md-xxを変更する
やりたいこと
BootstrapUI の FormHelper::control() を使って表示される html の col-md-6
を col-md-8
変更したい。
こう書くと...
echo $this->Form->control('title', ['label' => 'タイトル']);
こういう出力になる。
<div class="form-group text">
<label class="control-label col-md-2" for="title">タイトル</label>
<div class="col-md-6">
<input type="text" name="title" id="title" class="form-control" value="">
</div>
</div>
デフォルトはこんな感じ
https://github.com/FriendsOfCake/bootstrap-ui/blob/master/src/View/Helper/FormHelper.php#L104-L111
やり方
全体に反映する場合
src/View/AppView.php
use UIViewTrait;
public function initialize()
{
$this->initializeUI();
$helpers = $this->helpers();
$helpers->Form->setConfig('grid.middle', 8);
}
ビュー毎に反映させたい場合
src/Template/Controller/add.ctp
$this->Form->setConfig('grid.middle', 8);
まとめ
src/View/AppView.php
use UIViewTrait;
public function initialize()
{
$this->initializeUI();
$helpers = $this->helpers();
$helpers->Form->setConfig('grid.middle', 8);
}
src/Template/Controller/add.ctp
$this->Form->setConfig('grid.middle', 8);
面倒だけど、ビュー毎に設定した方が無難
環境
- CakePHP: 3.5.7
- BootstrapUI: 1.2.1
Author And Source
この問題について(CakePHP3 BootstrapUIで、col-md-xxを変更する), 我々は、より多くの情報をここで見つけました https://qiita.com/oppara/items/8b33dfd877aec030cccc著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .