[cakephp]htmlのcssをcake仕様に変えたい

Question

前提・実現したいこと

1を2に適用させようと思ったんですが、うまくいきません。
どこを変えたらいいでしょうか？
divの辺りとかもよくわかりません。

.公式をみてもよくわからなかったので、よければこのままソース変えてください。
.**検索もしました。**コード改修とポイントを教えていただければと思います。

該当のソースコード

<div class="custom-file">
    <input type="file" name="site_logo" class="custom-file-input" id="site-logo">
    <label class="custom-file-label">Choose File</label>
</div>

<?php echo $this->Form->input('site_logo',
   array(
          　　'label' => array(
         　　 'text' => 'message',
         　　 'class' => 'custom-file-label'
       ),
          'id' => 'site-logo',
          'type' => 'file',
          'class' => 'custom-file-input',
       )
   );
?>

試したこと

2

補足情報（FW/ツールのバージョンなど）

cakephp4

また、'class' => 'custom-file-input',を入力するとinput自体消えてしまいます。なぜでしょうか？

Answer 1

読んでね FormHelper で使用するテンプレートのカスタマイズ - Form - 4.x

input要素を囲むdivタグのクラス、inputとlabelの順序が標準のフォームと違うのでテンプレートを修正する必要があります。

以下のように templates オプションを渡してください。

'templates' => [
    'formGroup' => '{{input}}{{label}}',
    'inputContainer' => '<div class="custom-file {{type}}{{required}}">{{content}}</div>', // {{type}}{{required}} は file required というCSSクラスに置き換えられるだけなので、必要ないなら外してOK
    'inputContainerError' => '<div class="custom-file {{type}}{{required}} error">{{content}}{{error}}</div>',
],

---

その他の補足

• FormHelper::input() は、4.0で削除されています。 FormHelper::control() を使用してください。
• array() という配列の書き方はPHP 5.3以前での書き方です。CakePHP 4が使えるなら PHP 7.2 以上の環境ということですので、短い配列構文 [] を使用した方が5文字ほど人生を無駄にせずに済みます。

Comments

[rgewgeg]

補足していただいた内容について、どこで確認できますか？
移行ガイドにも載ってないように見えますが。

[nojimage]

たしかに4.xマイグレーションガイドでは https://book.cakephp.org/4/ja/appendices/4-0-migration-guide.html#id2 で、3.xで非推奨となった機能は削除されたとの記述はありますが、詳細な記載がありませんね。ドキュメントの改善が必要かもしれません。（非推奨となった数が多いので3.xの各バージョンでの非推奨リストへリンクするといいのかな。
FormHelper::inputが非推奨となったのは、3.4からです。https://book.cakephp.org/3/ja/appendices/3-4-migration-guide.html#id3

[rgewgeg]

最近始めたんで、規約とか縛られてるcakeはやりづらくて仕方ないです。
ありがとうー

Answer 2

classとidをtypeの下に持ってきたら反映されましたー