Cakephp Forma De Botón De Radio De La Etiqueta De La Clase

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 Kommentare

  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

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea