Comment puis-je ligne radio boutons horizontalement plutôt que verticalement?
J'ai été à la recherche à la Livre De Cuisine - 7.3.3 Automagic Les Éléments De Formulaire en essayant de trouver un moyen pour les boutons radio pour aligner horizontalement plutôt que verticalement. J'ai été à la recherche à la 'div' => 'class_name' $options
également la $options[‘between’]
, $options[‘separator’]
et $options[‘after’]
mais ont échoué. Est-il un "gâteau" façon de faire cela?
<?=$form->input('Product Type', array(
'type' => 'radio',
'id' => $tire['ProductType']['id'],
'name' => $tire['ProductType']['id'],
'options' => array(2=>'Tire Manufacturer', 7=>'Rim Manufacturer '),
));?>
L'équivalent de ce
<label>Product Type</label>
<div style="padding-top:5px;">
<input type="radio" name="data[Manufacturer][product_type_id]" value="<?=$tire['ProductType']['id']?>"> Tire Manufacturer
<input type="radio" name="data[Manufacturer][product_type_id]" value="<?=$wheel['ProductType']['id']?>"> Rim Manufacturer
</div>
CakePHP 3 mise à JOUR: Le séparateur, entre, et les options de légende ont été retirés de la radio(). Vous pouvez utiliser des modèles pour changer l'emballage HTML maintenant. Voir cette réponse
OriginalL'auteur Stirling | 2010-01-22
Vous devez vous connecter pour publier un commentaire.
La façon la plus simple de le faire est de mettre chaque bouton radio à l'intérieur d'un 'LI' tag, et ensuite appliquer des styles CSS pour le " UL " qui lui dit de montrer 'LI' étiquettes horizontalement au lieu de verticalement. Vous pouvez trouver beaucoup de liste horizontale dessins ici.
C'est parce que le responsable de ce style de comportement n'est pas du gâteau, mais le CSS
OriginalL'auteur Mike Trpcic
Cela fonctionne pour moi:
À l'intérieur de votre fichier de vue (viewfile.ctp):
Assurez-vous que 'label'=>false et 'legend'=>false sont définies dans vos attributs.
Dans votre feuille de style:
J'ai combattu cette éternité à cause de la valeur par défaut de CakePHP règle de style pour input[type=radio] (à l'intérieur de la app/webroot/css/gâteau.génériques.css fichier) était toujours prioritaires. J'ai généré une autre règle spécifiquement pour choisir le groupe de boutons radio en question par la référence à la forme avec la radio d'entrée de la règle ajoutée avec le nom de la classe (formulaire no changeRegionStdForm input[type=radio].locRad). J'ai d'abord fait avec les forme# règle avant la input[type=. Seulement quand je l'ai déplacé après la input[type= ne les boutons radio de la ligne à l'horizontale.
J'espère que cela a un sens et aide réellement à quelqu'un d'autre.
OriginalL'auteur Keith
J'ai trouvé ce post très tard. Mais je pensais que d'autres pourraient tomber sur ce comme je l'ai fait maintenant.
Essayer quelque chose comme cela:
Maintenant le style de l'id hMenu. Ce qui devrait résoudre ce problème.
Sans aucun style donne verical boutons radio. Mais si vous utilisez le style css sur ul et li vous pouvez littéralement la poser sur sa tête! 🙂
OriginalL'auteur phoenix
utiliser ceci:
dont le résultat ressemble à ceci :
OriginalL'auteur Arthur Kielbasa
Essayer cela, j'ai obtenu mon code du travail par le biais de ce..
dans la feuille de style d'ajouter la suivante..
OriginalL'auteur Akshatha Srinivas
Vous suivre comme ceci :
OriginalL'auteur amit Pandey