Quiero usar el Botón de Radio de usar el Formulario de Correspondencia. Un botón de radio tiene un Radio de elemento y una Etiqueta. Tengo por defecto Display: block para el elemento Label. Quiero asignar una clase de la etiqueta del botón de Radio para que yo pueda asignar un inline-block.

$attributes  = array('legend' => false, 'label' => array('class' => 'radioBtn'));
echo $this->Form->radio('gender', $options, $attributes);

¿Cómo puedo asignar una clase a la etiqueta de la opción

InformationsquelleAutor Harsha M V | 2012-04-19

3 Comentarios

  1. 5

    Observando la Forma->radio() código del método, nada parece estar relacionado con los atributos pertenecientes a las etiquetas.

    Pero para modificar la visualización de estas etiquetas, usted podría usar un entorno div

    echo '<div class="inline_labels">';
    echo $this->Form->radio('gender', $options, $attributes);
    echo '</div>';

    y el uso de CSS como este:

    .inline_labels label
    {
        display: inline-block;
    }
    • sí, las etiquetas son ahora muy bien en una línea. Lo único malo, que han perdido la conexión con los botones de radio.
  2. 1

    Cómo sobre el uso de FormHelper::label(string $fieldName, string $text, array $options)
    Se podría definir la etiqueta de clase en las opciones de la matriz, así que (por ejemplo):

    echo $options = array( /* relevant stuff goes here */ );
    echo $attributes = array( /* relevant stuff goes here */ );
    echo $this->Form->radio('gender', $options, $attributes);
    echo $this->Form->label('gender', 'Text of your label', array('label'=>'radioBtn'))

    Fuente CakePHP Cookbook en FormHelper

  3. 1

    Trabajo para mí:

    // Add your own label with CSS class
    $opts = array('1' => "<label class='myCSS'>My first option</label>", "2" => "<label class='myCSS'>My second option</label>");
    
    // Put label param to false
    echo $this->Form->input('my-input', array('type' => 'radio', 'label' => false, 'options' => $opts, 'legend' => false));

    Disfrutar de

Dejar respuesta

Please enter your comment!
Please enter your name here