<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet href="xsltforms/xsltforms.xsl" type="text/xsl"?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:xf="http://www.w3.org/2002/xforms"
      xmlns:ev="http://www.w3.org/2001/xml-events"
      xmlns:xsd="http://www.w3.org/2001/XMLSchema"
>
<head>
	<title>Simple/advanced</title>
	<style type="text/css">
	  body { font-family: sans-serif}
	  label { display: inline-block; width: 6em; margin: 0 1em; text-align: right }
	  .h {font-weight: bold}
	</style> 
	<xf:model>
	  <xf:instance>
            <data xmlns="">
              <name>John Smith</name>
              <city>Amsterdam</city>
              <email>john@example.com</email>
            </data>
	  </xf:instance>
        </xf:model>
</head>
<body>
    <xf:switch>
       <xf:case id="show">
	  <xf:output ref="name"><xf:label>Name:</xf:label></xf:output><br/>
	  <xf:output ref="city"><xf:label>City:</xf:label></xf:output><br/>
	  <xf:output ref="email"><xf:label>Email:</xf:label></xf:output><br/>
	  <xf:trigger>
	     <xf:label>Edit</xf:label>
	     <xf:toggle case="edit" ev:event="DOMActivate"/>
	  </xf:trigger>
       </xf:case>
       <xf:case id="edit">
	  <xf:input ref="name"><xf:label>Name:</xf:label></xf:input><br/>
	  <xf:input ref="city"><xf:label>City:</xf:label></xf:input><br/>
	  <xf:input ref="email"><xf:label>Email:</xf:label></xf:input><br/>
	  <xf:trigger>
	     <xf:label>Done</xf:label>
	     <xf:toggle case="show" ev:event="DOMActivate"/>
	  </xf:trigger>
       </xf:case>
    </xf:switch>
</body>
</html>

