Aligning form fields to the left

Suite and Optimus Suite 5
#1

On this form I created a label to line up options in the middle of the form. But they don’t align to the left of the form. What do I need to fix to have “Start Date” and “End Date” line up to the left of the form?


		form_data = [
			{
				type: "settings",
				position: "label-left",
				labelWidth: 70,
				inputWidth: 280,
			},
			{
				type: "input",
				label: "Description",
				validate: "NotEmpty",
			},
			{
				type: "combo",
				label: "Channel",
				name: "channel_list",
			},
			{
				type: "input",
				label: "Other site",
			},
			{
				type: "label",
				labelWidth: 400,
				list: [
					{
						type: "calendar",
						label: "Start date",
						inputWidth: 80,
						dateFormat: "%Y-%m-%d",
						name: "start_date",
						enableTime: false,
						calendarPosition: "right",
					},
					{
						type: "newcolumn"
					},
					{
						type: "label",
						labelWidth: 30,
					},
					{
						type: "newcolumn"
					}, 
					{
						type: "input",
						label: "Start time",
						inputWidth: 80,
					}, 
				],
			},			
			{
				type: "label",
				labelWidth: 400,
				offsetLeft: 0,
				list: [
					{
						type: "calendar",
						label: "End date",
						inputWidth: 80,
						dateFormat: "%Y-%m-%d",
						name: "end_date",
						enableTime: false,
						calendarPosition: "right"
					},
					{
						type: "newcolumn"
					},
					{
						type: "label",
						labelWidth: 30,
					},
					{
						type: "newcolumn"
					}, 
					{
						type: "input",
						label: "End time",
						inputWidth: 80,
					}, 
				],
			},
			{
				type: "input",
				label: "Notes",
				rows: 5,
			},
			{
				type: "label",
				labelWidth: 400,
				list: [
					{
						type: "label",
						labelWidth: 150
					}, 
					{
						type: "newcolumn"
					}, 
					{
						type: "button",
						value: "Save"
					}, 
					{
						type: "newcolumn"
					}, 
					{
						type: "button",
						value: "Cancel"
					}
				]
			},
		];


#2

Hello

Update part of your code

...
{type: "input", label: "Other site" },
// from here
{type: "block", inputWidth: 400, list: [
	{type: "calendar", label: "Start date", inputWidth: 80, dateFormat: "%Y-%m-%d", name: "start_date", enableTime: false, calendarPosition: "right"},
	{type: "calendar", label: "End date", inputWidth: 80, dateFormat: "%Y-%m-%d", name: "end_date", enableTime: false, calendarPosition: "right"},
	{type: "newcolumn"},
	{type: "input", offsetLeft: 30, label: "Start time", inputWidth: 80},
	{type: "input", offsetLeft: 30, label: "End time", inputWidth: 80}
]},         
// to here
{type: "input", label: "Notes", rows: 5},
...
#3

That worked. Thanks.