Zend Form Quelle calamité ! Alignement champ/label

[yamatoshi]

Bonjour, je souhaiterais faire une chose simple. C'est aligner mes label sur la même ligne que mes input. Par défaut les label de Zend Form se trouve au dessus des champs



Mais mon patron veut absolument que les champs de mon form ressemble à quelque chose comme ceci



Ca fait tout ce week-end que je me bat sur les décorateurs de Zend et j'y arrive pas. C'est une vraie calamité. Plus compliqué que ça on pouvait pas faire ?

Si quelqu'un a une piste je suis preneur. J'ai tenté de mettre un float left sur ma classe label. Mais bien entendu dès que je met des check box ou des radio bouton, c'est un veritable border.

Quelqu'un saurait-il comment je peux aligner mes label avec mes input.

Merci

[grunk]

Avec le rendu de base , c'est à dire avec les dt dd un simple

Code :

dt{width:150px;float:left;}

me donne un rendu tout à fait correct. Testé uniquement sous chrome mais ca devrais marcher à peut près partout

[flilou]

Bonjour yamatoshi,

ci-dessous un moyen de faire ce que tu veux à l'aide d'un décorateur. Je l'ai testé et ça fonctionne!

Code :

1
2
3
4
5
6
7
8
9
10
11
 
 
$decoratorElem = array ('ViewHelper', 'Description', array ('HtmlTag', array ('tag' => 'td' ) ), array ('Label', array ('requiredSuffix' => ' *', 'tag' => 'td', 'align' => 'left', 'valign' => 'top', 'width' => '110px' ) ), array (array ('tr' => 'HtmlTag' ), array ('tag' => 'tr' ) ) ); // définition du décorateur pour l'alignement du champ et de son label
 
$nom = new Zend_Form_Element_Text ('nom');
$nom->setName('nom');
$nom->setLabel('Nom'); // label de l'élément 
$nom->setOrder(1); 
$nom->setRequired(true); // champ obligatoire
$nom->setDecorators($decoratorElem); // affectation du décorateur à l'élément
$elementGrossier->addElement($nom); // ajout de l'élément au formulaire

Cordialement,

[grunk]

Envoyé par flilou

Bonjour yamatoshi,

ci-dessous un moyen de faire ce que tu veux à l'aide d'un décorateur. Je l'ai testé et ça fonctionne!

Cordialement,

C'est sémantiquement pas correct d'utiliser un tableau pour aligner un formulaire , mais effectivement c'est fonctionnel