How to add style to Zend Form Elements

[laurens_at_hol]

Hi,

does someone know where to find some good and easy documentation about how to style zend form elements? I would like to style elements like Zend_Form_Element_Text, Zend_Form_Element_Textarea and Zend_Form_Element_Reset.

Thanks!

[diogovn]

Hmmm...isn't it just a matter of seeing how the final HTML for the form looks like and then making a CSS that style those elements?

[dhaval4linux]

Use Zend form decorator.
Using decorator you can place your element with different html tag.
Also you can apply style inlline or giving class to that element.
To apply class you need to do.

Code: Select all

$name = new Zend_From_Element_Text("txtName");
$name->class = "yourClassName";

To apply more attributes to your element use ->setAttribs() method

Code: Select all

$name = new Zend_From_Element_Text("txtName");
$name->setAttribs(array('style' => 'width:50px;', 'width' => '50'));

[abhaychaware]

you could also define your classes in CSS and apply in zend form such as :

Code: Select all

$name = new Zend_From_Element_Text("txtName");
$name->setOptions(array('class'=>'css class name'));

[dhaval4linux]

$name->setOptions(array('class'=>'css class name'));

Hey setOptions method is for other purpose, although it work same as setAttribs method.
Try to use setAttribs method.

[laurens_at_hol]

Is there also a way to style the button of a Zend_Form_Element_File?

[dhaval4linux]

No its not possible either way, You can not style button of File element. accept border and height and width. but not in all browser..