Prevent CakePHP to create div with input field

Question

Every time I create an input field using

$this->Form->input('name');

It creates a div element

<div class="input name">
  <input type="text">
</div>

Is there a way to prevent creation of div block around input field. Also, is there a way to add custom class to the div created? like

<div class="input name myStyle">
  <input>
</div>

I'm using CakePHP 3.2

BadHorsie · Accepted Answer · 2016-07-19 12:41:20Z

2

You need to override the templates. You can do this by creating a new config file:

config/app_form.php

return [
    'inputContainer' => '{{content}}'
];

Then load it in your View:

src/View/AppView.php

class AppView extends View
{
    public function initialize()
    {
        parent::initialize();

        $this->loadHelper('Form', ['templates' => 'app_form']);
    }
}

http://book.cakephp.org/3.0/en/views/helpers/form.html#customizing-the-templates-formhelper-uses

answered Jul 19, 2016 at 12:41

BadHorsie

14.6k31 gold badges127 silver badges196 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Anuj TBE Over a year ago

I want this in element. Adding this in view will effect all forms throughout the application ?. I want this only on one input field

arilia Over a year ago

@anujsharma9196 then you can do $this->Form->input('name', [ 'templates' => [ 'inputContainer' => '{{content}}' ] ]);

Haresh Vidja · Accepted Answer · 2016-07-19 13:10:15Z

0

php echo $this->Form->create($user, ['type' => 'file', 'id'=>"change-profile-form",'role' => 'form','class'=>'orb-form']);

$this->Form->templates(['inputContainer' => '{{content}}']);


echo $this->Form->input('first_name', ['label'=>false, 'div'=>false, 'placeholder' => 'First name']);

I hope this would be help you.

answered Jul 19, 2016 at 13:10

Haresh Vidja

8,4713 gold badges29 silver badges44 bronze badges

Collectives™ on Stack Overflow

Prevent CakePHP to create div with input field

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related