How to insert html code just before <input in cakephp helper

Question

I have this block of code in a login .ctp file:

<?php echo $this->Form->create('AdmUser', array(
    'class' => 'form-vertical',
    'inputDefaults' => array(
        'label' => false,
        'div' => false,
    ))); ?>

<?php echo $this->Form->input('login', array(
    'placeholder' => 'User')
    );?>

I'm using slywalker's TwitterBootstrap plugin for cakephp so the output is like this:

<div class="control-group">
     <div class="controls">
          <input name="data[AdmUser][login]" placeholder="User" maxlength="15" type="text" id="AdmUserLogin" required="required">
     </div>
</div>

I'm trying to put some html code just before input tag like this:

<div class="control-group">
     <div class="controls">
          <span class="add-on"><i class="icon-user"></i></span>
          <input name="data[AdmUser][login]" placeholder="User" maxlength="15" type="text" id="AdmUserLogin" required="required">
     </div>
</div>

When i try to use 'before' => '<span class="add-on"><i class="icon-lock"></i></span>' the code goes between <div class="control-group"> and <div class="controls">

Uttam Kumar Roy · Accepted Answer · 2015-11-14 08:11:55Z

1

I have tested my code to the CakePhp version cakephp-2.6.6.

echo $this->Form->input(
    'login', 
    array(
    'between' =>'<span class="add-on"><i class="icon-lock"></i></span>',
    'after'=>'',
    'placeholder' => 'User'
    )
);

And which produces:

<span class="add-on"><i class="icon-lock"></i></span>
<input type="text" id="AdmUserLogin" placeholder="User" name="data[AdmUser][login]">

You have custom form helper I think that's why you got

<div class="control-group">
     <div class="controls">

Code before input field and your 'before' tag not working.If you add 'between' tag it will add code before your input and finally you have to add 'after' tag to null because you do not need to add extra html after your input field. Thanks.

answered Nov 14, 2015 at 8:11

Uttam Kumar Roy

2,0584 gold badges24 silver badges30 bronze badges

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

Comments

thaJeztah · Accepted Answer · 2013-04-02 21:10:23Z

0

Have you tried the examples in the readme of the plugin?

https://github.com/slywalker/TwitterBootstrap/blob/master/README.md

I haven't tested it, but it seems the plugin uses 'prepend' and 'append' options to add these kind of options; if these options are set, the FormHelper internally generated these tags using this method;

BootstrapFormHelper::addOn()

answered Apr 2, 2013 at 21:10

thaJeztah

29.3k9 gold badges77 silver badges92 bronze badges

1 Comment

jurgenmeister Over a year ago

Thanks, that's the answer that solves my problem, just adding 'prepend' => '<i class="icon-user"></i>' in the options array of the Form->input, generates the code the way i want.

Collectives™ on Stack Overflow

How to insert html code just before <input in cakephp helper

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related