<?xml-stylesheet type="text/xsl" href="/xforms-tests/xsltforms/xsltforms.xsl"?>
<html xmlns:my="http://commerce.example.com/payment" xmlns:txs="http://sourceforge.net/projects/txs" xmlns="http://www.w3.org/1999/xhtml" xmlns:req="http://www.agencexml.com/requests" xmlns:xforms="http://www.w3.org/2002/xforms" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events">
  <head>
    <title>8.1.11.c appearance attribute of select1 element</title>
    <link rel="stylesheet" href="../../../driverPages/forms/TestSuite11.css" type="text/css"/>
    <xforms:model>
    	<xforms:instance xmlns="">
    		<icecream>
    			<flavor/>
    		</icecream>
    	</xforms:instance>
    </xforms:model>
  </head>
  <body>
    <xforms:group>
    	<xforms:label class="title">8.1.11.c appearance attribute of select1 element</xforms:label>
    </xforms:group>
	<xforms:group>
		<xforms:label>
		  You must see three select1 controls each with a different value for appearance (Full, Compact, or Minimal). 
		  When you make a selection the first letter of the flavor must be displayed in the Selected Flavor 
		  output control. 
		</xforms:label>
	</xforms:group>
    	<xforms:output ref="/icecream/flavor">
    		<xforms:label>Selected Flavor : </xforms:label>
    	</xforms:output>
    <xforms:group>
		<xforms:select1 ref="/icecream/flavor" appearance="full">
			<xforms:label>Select A Flavor(Full):</xforms:label>
			<xforms:item>
				<xforms:label>Vanilla</xforms:label>
				<xforms:value>v</xforms:value>
			</xforms:item>
			<xforms:item>
				<xforms:label>Strawberry</xforms:label>
				<xforms:value>s</xforms:value>
			</xforms:item>
			<xforms:item>
				<xforms:label>Chocolate</xforms:label>
				<xforms:value>c</xforms:value>
			</xforms:item>
		</xforms:select1>
    </xforms:group>
    <xforms:group>
		<xforms:select1 ref="/icecream/flavor" appearance="compact">
			<xforms:label>Select A Flavor(Compact):</xforms:label>
			<xforms:item>
				<xforms:label>Vanilla</xforms:label>
				<xforms:value>v</xforms:value>
			</xforms:item>
			<xforms:item>
				<xforms:label>Strawberry</xforms:label>
				<xforms:value>s</xforms:value>
			</xforms:item>
			<xforms:item>
				<xforms:label>Chocolate</xforms:label>
				<xforms:value>c</xforms:value>
			</xforms:item>
		</xforms:select1>
    </xforms:group>
    <xforms:group>
		<xforms:select1 ref="/icecream/flavor" appearance="minimal">
			<xforms:label>Select A Flavor(Minimal):</xforms:label>
			<xforms:item>
				<xforms:label>Vanilla</xforms:label>
				<xforms:value>v</xforms:value>
			</xforms:item>
			<xforms:item>
				<xforms:label>Strawberry</xforms:label>
				<xforms:value>s</xforms:value>
			</xforms:item>
			<xforms:item>
				<xforms:label>Chocolate</xforms:label>
				<xforms:value>c</xforms:value>
			</xforms:item>
		</xforms:select1>
    </xforms:group>

  </body>
</html>
