<field name="us" title="Unstacked Spinner" type="spinner"
 min="0" max="10" step="0.5">
 <defaultValue><JS>5.0</JS></defaultValue>
 <writeStackedIcons><JS>false</JS></writeStackedIcons>
 </field>
 
 <field name="slider" title="Slider" type="slider" width="180"
 minValue="1" maxValue="5" numValues="5">
 <height><JS>isc.Browser.isTouch?52:36</JS></height>
 </field>
 <field name="link" title="LinkItem" type="link" height="18" linkTitle="Link text"/>
 <field name="cb" title="Checkbox" type="checkbox" height="25" />
 <field name="rg" title="Radio Group" type="radioGroup">
 <valueMap>
 <value>Option 1</value>
 <value>Option 2</value>
 </valueMap>
 </field>
 <field name="toggle" title="Toggle" type="ToggleItem"/>
 </fields>

<JS>
var valueMap = {
 "US" : "United States",
 "CH" : "China",
 "JA" : "Japan",
 "IN" : "India",
 "GM" : "Germany",
 "FR" : "France",
 "IT" : "Italy",
 "RS" : "Russia",
 "BR" : "Brazil",
 "CA" : "Canada",
 "MX" : "Mexico",
 "SP" : "Spain"
}

var valueIcons = {
 "US" : "US",
 "CH" : "CH",
 "JA" : "JA",
 "IN" : "IN",
 "GM" : "GM",
 "FR" : "FR",
 "IT" : "IT",
 "RS" : "RS",
 "BR" : "BR",
 "CA" : "CA",
 "MX" : "MX",
 "SP" : "SP"
}
</JS>

<DynamicForm
 ID="form2"
 width="620"
 isGroup="true"
 groupTitle="Select / Combo Controls"
 autoDraw="false">
 <colWidths>
 <width>190</width>
 <width>*</width>
 </colWidths>
 <fields>
 <field name="bugStatus" title="ComboBox" type="comboBox"
 hint="A simple combobox">
 <valueMap>
 <cat>Cat</cat>
 <dog>Dog</dog>
 <giraffe>Giraffe</giraffe>
 <goat>Goat</goat>
 <marmoset>Marmoset</marmoset>
 <mouse>Mouse</mouse>
 </valueMap>
 </field>
 
 <field name="itemName" title="Item Name" type="comboBox"
 optionDataSource="supplyItem" pickListWidth="250"/>

<field name="selectItem" title="Select" type="select"
 hint="A select with icons"
 imageURLPrefix="flags/16/"
 valueIconSize="16"
 imageURLSuffix=".png">
 <valueMap><JS>valueMap</JS></valueMap>
 <valueIcons><JS>valueIcons</JS></valueIcons>
 </field>

<field name="selectItemMultipleGrid" title="Select Multiple (Grid)"
 type="select" multiple="true" multipleAppearance="grid">
 <valueMap>
 <cat>Cat</cat>
 <dog>Dog</dog>
 <giraffe>Giraffe</giraffe>
 <goat>Goat</goat>
 <marmoset>Marmoset</marmoset>
 <mouse>Mouse</mouse>
 </valueMap>
 </field>

<field name="selectItemMultiplePickList" title="Select Multiple (PickList)"
 type="select" multiple="true" multipleAppearance="picklist">
 <valueMap>
 <cat>Cat</cat>
 <dog>Dog</dog>
 <giraffe>Giraffe</giraffe>
 <goat>Goat</goat>
 <marmoset>Marmoset</marmoset>
 <mouse>Mouse</mouse>
 </valueMap>
 </field>

</fields>
</DynamicForm>