<h1>Order Address</h1>
<t:form id="form">
	<t:errors/>
	<div class="t-beaneditor">
		<h2>Billing Address</h2>
	    <t:beaneditor t:id="billingAddress"/><t:checkbox t:id="separateShipTo" 
	    	t:mixins="triggerfragment" fragment="seperateShippingAddress"/>
	    <t:label for="separateShipTo">
	    	Separate Ship To?
	    </t:label>
	    <t:formfragment t:id="seperateShippingAddress" visible="separateShipTo">
	    	<h2>Shipping Address</h2>
	        <t:beaneditor t:id="shippingAddress"/>
	    </t:formfragment>
	        
	    <br/>
	
	    <t:radiogroup value="codeVisible">
	    	<t:radio t:id="on" label="On" value="true"  t:mixins="triggerfragment" 
	    		fragment="codeFragment"/>
	    	<t:label for="on">Enter code</t:label>
	    	<t:radio t:id="off" label="Off"  value="false"/>
	    	<t:label for="off">No code</t:label>
	     </t:radiogroup>
	
	
	     <t:formfragment t:id="codeFragment" visible="codeVisible">
	     	<div class="t-beaneditor-row">
		        <t:label for="code"/>
		        <t:textfield t:id="code" value="code"/>
	        </div>
	      </t:formfragment>
	        
	        
	      <div class="t-beaneditor-row">
	      	<input type="submit" value="Continue"/>
	      		<span class="successMessage">${successMessage}</span>
	      </div>
	</div>
</t:form>  
	

		
public class DocsFormFragment
{
	@Persist
    @Property
    private ShippingAddress _billingAddress;

    @Persist
    @Property
    private ShippingAddress _shippingAddress;

    @Persist
    @Property
    private boolean _separateShipTo;
    
    @Persist("flash")
    @Property
    private String successMessage;
    
    @Persist
    @Property
    private int code;
    
    @Persist
    @Property
    private boolean codeVisible;

    @OnEvent(EventConstants.SUBMIT)
    public void onSubmit(){
    	successMessage = "Your form has been submitted !";
    }
    
}