 		form_options =
 			class: "cui-form-layout-demo-example-maximize-right"
 		@demo_table.addExample("maximized right column with mixin", @createExampleForm(form_options))
+
+		form_options =
+			class: "cui-form-layout-demo-example-grid"
+			render_as_grid: true
+		@demo_table.addExample("grid layout", @createGridExampleForm(form_options))
 
 		@demo_table.table
 

				text: "option"
				name: "option"
				form:
					label: "Simple Input"
			,
				placeholder: "INPUT"
				type: CUI.Input

		form.start()
		form

	createGridExampleForm: (form_options) ->
		select_options = [
			text: "data name 1"
			value: 1
		,
			text: "data name 2"
			value: 2
		]

		form_data =
			width_type: 1
			option: true

		default_form_options =
			type: CUI.Form
			horizontal: false
			data: form_data
			fields: [
				type: CUI.Select
				name: "width_type"
				form:
					grid: "1/2"
					label: "Title"
				options: select_options
			,
				type: CUI.Checkbox
				text: "option"
				name: "option"
				form:
					grid: "1/2"
					label: "Some Option"
			,
				placeholder: "INPUT"
				type: CUI.Input
				name: "simple_input"
				form:
					grid: "1/2"
					label: "First Name"
					right:
						label: "a simple text input"
			,
				placeholder: "INPUT"
				type: CUI.Input
				name: "simple_input"
				form:
					grid: "1/2"
					label: "Last Name"
					right:
						label: "a simple text input"
			]

		# add form options to defaults
		for key,value of form_options
			default_form_options[key] = value

		form = CUI.DataField.new(default_form_options)
		form.start()
		form


Demo.register(new Demo.FormLayoutDemo())
