n this tutorial, we are going to see all the different form fields we can use in admin forms.
Magento has many different type of field available by default, so lets see the syntax of using each of these fields. This tutorial is in continuation of the previous tutorial so the same classes will be used as in the previous post.
All the code’s written below are written in the class Excellence_Form_Block_Adminhtml_Form_Edit_Tab_Form inside the _prepareForm() function as shown in previous tutorial. All the different type of form fields available in magento are located in folder lib\Varien\Data\Form\Element
Text Field
Here is how to add a text field to an admin form, with a list of all the options
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
$fieldset->addField('title', 'text', array( 'label' => Mage::helper('form')->__('Title3'), 'class' => 'required-entry', 'required' => true, 'name' => 'title', 'onclick' => "alert('on click');", 'onchange' => "alert('on change');", 'style' => "border:10px", 'value' => 'hello !!', 'disabled' => false, 'readonly' => true, 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
Time
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
$fieldset->addField('time', 'time', array( 'label' => Mage::helper('form')->__('Time'), 'class' => 'required-entry', 'required' => true, 'name' => 'title', 'onclick' => "", 'onchange' => "", 'value' => '12,04,15', 'disabled' => false, 'readonly' => false, 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
TextArea
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
$fieldset->addField('textarea', 'textarea', array( 'label' => Mage::helper('form')->__('TextArea'), 'class' => 'required-entry', 'required' => true, 'name' => 'title', 'onclick' => "", 'onchange' => "", 'value' => '<b><b/>', 'disabled' => false, 'readonly' => false, 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
Submit Button
|
1
2
3
4
5
6
7
|
$fieldset->addField('submit', 'submit', array( 'label' => Mage::helper('form')->__('Submit'), 'required' => true, 'value' => 'Submit', 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
DropDown
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
$fieldset->addField('select', 'select', array( 'label' => Mage::helper('form')->__('Select'), 'class' => 'required-entry', 'required' => true, 'name' => 'title', 'onclick' => "", 'onchange' => "", 'value' => '1', 'values' => array('-1'=>'Please Select..','1' => 'Option1','2' => 'Option2', '3' => 'Option3'), 'disabled' => false, 'readonly' => false, 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
Here is another version of the drop down
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
$fieldset->addField('select2', 'select', array( 'label' => Mage::helper('form')->__('Select Type2'), 'class' => 'required-entry', 'required' => true, 'name' => 'title', 'onclick' => "", 'onchange' => "", 'value' => '4', 'values' => array( '-1'=>'Please Select..', '1' => array( 'value'=> array(array('value'=>'2' , 'label' => 'Option2') , array('value'=>'3' , 'label' =>'Option3') ), 'label' => 'Size' ), '2' => array( 'value'=> array(array('value'=>'4' , 'label' => 'Option4') , array('value'=>'5' , 'label' =>'Option5') ), 'label' => 'Color' ), ), 'disabled' => false, 'readonly' => false, 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
Radio Button
|
1
2
3
4
5
6
7
8
9
10
11
|
$fieldset->addField('radio', 'radio', array( 'label' => Mage::helper('form')->__('Radio'), 'name' => 'title', 'onclick' => "", 'onchange' => "", 'value' => '1', 'disabled' => false, 'readonly' => false, 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
$fieldset->addField('radio2', 'radios', array( 'label' => Mage::helper('form')->__('Radios'), 'name' => 'title', 'onclick' => "", 'onchange' => "", 'value' => '2', 'values' => array( array('value'=>'1','label'=>'Radio1'), array('value'=>'2','label'=>'Radio2'), array('value'=>'3','label'=>'Radio3'), ), 'disabled' => false, 'readonly' => false, 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
Password Field
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
$fieldset->addField('password', 'password', array( 'label' => Mage::helper('form')->__('Password'), 'class' => 'required-entry', 'required' => true, 'name' => 'title', 'onclick' => "", 'onchange' => "", 'style' => "", 'value' => 'hello !!', 'disabled' => false, 'readonly' => false, 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
|
1
2
3
4
5
6
7
8
9
10
11
12
|
$fieldset->addField('obscure', 'obscure', array( 'label' => Mage::helper('form')->__('Obscure'), 'class' => 'required-entry', 'required' => true, 'name' => 'obscure', 'onclick' => "", 'onchange' => "", 'style' => "", 'value' => '123456789', 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
Note
|
1
2
3
|
$fieldset->addField('note', 'note', array( 'text' => Mage::helper('form')->__('Text Text'), )); |
Multiselect
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
$fieldset->addField('multiselect2', 'multiselect', array( 'label' => Mage::helper('form')->__('Select Type2'), 'class' => 'required-entry', 'required' => true, 'name' => 'title', 'onclick' => "return false;", 'onchange' => "return false;", 'value' => '4', 'values' => array( '-1'=> array( 'label' => 'Please Select..', 'value' => '-1'), '1' => array( 'value'=> array(array('value'=>'2' , 'label' => 'Option2') , array('value'=>'3' , 'label' =>'Option3') ), 'label' => 'Size' ), '2' => array( 'value'=> array(array('value'=>'4' , 'label' => 'Option4') , array('value'=>'5' , 'label' =>'Option5') ), 'label' => 'Color' ), ), 'disabled' => false, 'readonly' => false, 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
Multiline
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
$fieldset->addField('multiline', 'multiline', array( 'label' => Mage::helper('form')->__('Multi Line'), 'class' => 'required-entry', 'required' => true, 'name' => 'title', 'onclick' => "", 'onchange' => "", 'style' => "border:10px", 'value' => 'hello !!', 'disabled' => false, 'readonly' => true, 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
Link
|
1
2
3
4
5
6
7
|
$fieldset->addField('link', 'link', array( 'label' => Mage::helper('form')->__('Link'), 'style' => "", 'href' => 'www.excellencemagentoblog.com', 'value' => 'Magento Blog', 'after_element_html' => '' )); |
Label
|
1
2
3
|
$fieldset->addField('label', 'label', array( 'value' => Mage::helper('form')->__('Label Text'), )); |
Image Upload
|
1
2
3
|
$fieldset->addField('image', 'image', array( )); |
File Upload
|
1
2
3
4
5
6
7
8
|
$fieldset->addField('file', 'file', array( 'label' => Mage::helper('form')->__('Upload'), 'value' => 'Uplaod', 'disabled' => false, 'readonly' => true, 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
Date
|
1
2
3
4
5
6
7
|
$fieldset->addField('date', 'date', array( 'label' => Mage::helper('form')->__('Date'), 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1, 'image' => $this->getSkinUrl('images/grid-cal.gif'), 'format' => Mage::app()->getLocale()->getDateFormat(Mage_Core_Model_Locale::FORMAT_TYPE_SHORT) )); |
Checkbox
|
1
2
3
4
5
6
7
8
9
10
11
|
$fieldset->addField('checkbox', 'checkbox', array( 'label' => Mage::helper('form')->__('Checkbox'), 'name' => 'Checkbox', 'checked' => false, 'onclick' => "", 'onchange' => "", 'value' => '1', 'disabled' => false, 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
$fieldset->addField('checkboxes', 'checkboxes', array( 'label' => Mage::helper('form')->__('Checkboxs'), 'name' => 'Checkbox', 'values' => array( array('value'=>'1','label'=>'Checkbox1'), array('value'=>'2','label'=>'Checkbox2'), array('value'=>'3','label'=>'Checkbox3'), ), 'onclick' => "", 'onchange' => "", 'value' => '1', 'disabled' => false, 'after_element_html' => '<small>Comments</small>', 'tabindex' => 1 )); |