Forme de case à cocher et étiquette avec CakePHP et Bootstrap

Je vais avoir quelques problèmes en essayant d'obtenir case entrées et les étiquettes à la sortie correcte HTML à l'aide de CakePHP et Twitter Bootstrap.

Le Bootstrap de sortie spécifique devrait être:

<div class="control-group">
  <div class="controls">
    <label class="checkbox">
      <input type="checkbox"> Keep me logged in
    </label>
  </div>
</div>

Cependant, l'utilisation de la inputDefaults mentionnés ici (http://stackoverflow.com/a/9496242/1247225), ce Gâteau en forme d'entrée:

echo $form->input('auto_login', array(
 'type' => 'checkbox', 
 'label' => __('Keep me logged in', true)));

Sorties ceci:

  <div class="control-group">
    <input type="hidden" name="data[User][auto_login]" id="UserAutoLogin_" value="0" />
    <input type="checkbox" name="data[User][auto_login]" class="" value="1" id="UserAutoLogin" />
    <div class="controls">
      <label for="UserAutoLogin">Keep me logged in</label>
    </div>
  </div>

Toutes les idées sur la façon de régler cette entrée individuelle, donc, il renvoie le bon de Bootstrap, HTML, comme ci-dessus?

OriginalL'auteur gman88 | 2012-03-03

  1. 5

    Le meilleur moyen de contrôler la forme de sortie, ou le format de la sortie, en passant d'un "format" de l'argument. Essayez de jouer avec cette:

    'format' => array('before', 'label', 'input', 'between', 'after', 'error')

    Je ne pense pas que c'est le document, mais en lisant le code, vous pouvez le trouver là.

    OriginalL'auteur Jeremiah Crouch

  2. 3

    la plus belle façon de le faire est: est-ce

    <?php
echo '<div class="col-lg-2">';
echo $this->Form->input('Content.checkbox', array(
'div' => array(
    'class' => 'input-group',
),
'label' => false,
'type' => 'checkbox',
'before' => '<span class="input-group-addon">',
'after' => '</span><span class="input-group-addon"><label for="ContentCheckbox">What does the fox say?</label></span>',
));
echo '</div>';

    OriginalL'auteur Chris Pierce

  3. 3

    Je l'aide : 

    <?php 
echo $this->Form->input('coupDeCoeur', 
array('div' => false,
'label' => false,
'type' => 'checkbox',
'before' => '<label class="checkbox">',
'after' => '<i></i>coupDeCoeur</label>'
));
?>

    OriginalL'auteur laul

  4. 2

    Vous avez besoin pour construire la forme de widget manuellement pour les cases à cocher au lieu d'utiliser FormHelper::input.

    Par exemple:

    echo '<div class="control-group">';
echo $this->Form->label('Model.field', null, array('class' => 'control-label')); 
echo '<div class="controls">';
echo $this->Form->checkbox('Model.field');
echo '</div>';
echo '</div>';
    Cela semble avoir bien fonctionné pour moi.

    OriginalL'auteur chronon

  5. 2

    Essayer de code suivant:

    <div class="control-group">
    <div class="controls">
        <label class="checkbox">
            <?php echo $this->Form->input('auto_login', array('type'=>'checkbox','label' => false, 'div' => false,'class'=>false,'after'=>__('Keep me logged in')));?>
        </label>
    </div>
</div>

    OriginalL'auteur monsur.hoq

  6. 1

    Si vous êtes à l'aide du composant de sécurité, vous pouvez avoir des problèmes si vous créez vos entrées sans FormHelper::input. Si c'est le cas, vous devriez essayer avec ceci:

    echo "
<div class='control-group'>
    <div class='controls'>
        <label class='checkbox'>";                    
            echo $this->Form->input('Model.field', array('label' => false, 'after' => 'Model.field'))."
       </label>
    </div>
</div>";

    OriginalL'auteur Daniel

  7. 1

    Ici, c'est le prêt-à-utiliser la solution:

    App::uses('FormHelper', 'View/Helper');
class InputHelper extends FormHelper {
    //var $helpers = array('Form', 'Html');
    public function create($model, $options = array()) {
        $options['class'] = (isset($options['class']) && $options['class']) ? $options['class'] : 'form-horizontal table';
        $options['inputDefaults'] = (isset($options['inputDefaults']) && $options['inputDefaults']) ? $options['inputDefaults'] : array(
            'div' => 'control-group',
            'label' => array('class' => 'control-label'),
            'between' => '<div class="controls">',
            'after' => '</div>'
        );
        return parent::create($model, $options);
    }

    public function input($fieldName, $options = array()) {
        $this->setEntity($fieldName);
        $options = $this->_parseOptions($options);
        if ($options['type'] == 'checkbox') {
            $options['format'] = array('before', 'label', 'between', 'input', 'after', 'error');
        }
        fdebug($options);
        return parent::input($fieldName, $options);
    }
}

    OriginalL'auteur Fyre

  8. 1

    Si vous voulez un "on line" réponse je l'ai eu:

    echo $this->Form->input('Model.Field', array('class'=>'form-inline', 'after'=>'</br>'));

    OriginalL'auteur Breno Mazieiro

  9. 1

    Dans mon cas, j'ai utilisé AdminLTE modèle avec Bootstrap 3 et ce code fonctionne pour moi:

           <?php
            echo $this->Form->input('Model.fieldname', array(
                'label' => false,
                'type' => 'checkbox',
                'before' => '<label>',
                'after' => 'Field name label here</label>',
            ));
       ?>

    Bonne chance ici!!!

    OriginalL'auteur Toan Nguyen Thai

  10. 0

    Voici une solution simple qui fonctionne pour moi:

    Le CSS (MOINS):

    input.form-control[type="checkbox"] {
    width: auto;
    height: auto;
    margin-right: 5px;
    display: inline;
}

    Ensuite utiliser le helper Form:

    echo $this->Form->input(
    'field_name',
    array(
        'div' => 'form-group',
        'class' => 'form-control',
        'type' => 'checkbox',
        'label' => array(
            'text' => 'Your label',
            'class' => 'label-checkbox'
        ),
        'format' => array('input', 'label')
    )
);

    OriginalL'auteur Jeremy Burns