Skip to main content

BIN hHLU6 Documentation

  • Author:

  • Version: 19

  • Description: Responsive form with inputs that span different sizes - to check it out maximize the browser window - on mobile/small screen all inputs span the entire row. Done with

  • Created: 2015-12-21

  • Modified: 2024-05-16

  • Source:

     Edit Bin W3C Schema Json-Schema Java Bean Code Default Value as XML

    Printers Embed Responsive 

    <complexType name='Form' description='Responsive form with inputs that span different sizes - to check it out maximize the browser window - on mobile/small screen all inputs span the entire row. Done with @form.container'>
	<field name='MovieTitle' extra:form.css='span8'  extra:form.alt='span8' type='xs:string' extra:form.container='begin' extra:form.container.css='container' />
	<field name='Genre' extra:form.css='span4'  extra:form.alt='span4' type='xs:string' extra:form.container='end' >
		<facet name='enumeration' value='Action'/> 
		<facet name='enumeration' value='Comedy'/>
	</field>
<field name='Director' extra:form.container='begin'  extra:form.alt='span4' extra:form.container.css='container' extra:form.css='span4' type='xs:string'/>
<field name='Writer' extra:form.css='span4' type='xs:string' extra:form.alt='span4'/>
<field name='Producer' extra:form.container='end' extra:form.css='span4' type='xs:string' extra:form.alt='span4'/>
<field name='Website' extra:form.container='begin' extra:form.container.css='container' extra:form.css='span6' type='xs:string' extra:form.alt='span6'/>
<field name='YouTubeTrailer' extra:form.container='end' extra:form.css='span6' type='xs:string' extra:form.alt='span6'/>
<field name='Review' extra:form.container='begin-end' extra:form.container.css='container'  extra:form.css='span12' type='xs:string' extra:form.alt='span12' extra:form.control='textarea'/>
	
</complexType>