Zend Form Quelle calamité ! Alignement champ/label

**yamatoshi** · 08/05/2011, 23h48

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** · 09/05/2011, 09h55

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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** · 09/05/2011, 10h41

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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,