 		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())

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

		@demo_table.table


				text: "option"
				name: "option"
				form:
					label: "Simple Input that could easliy get very long"
			,
				placeholder: "INPUT"
				type: CUI.Input
