Как правильно расположить элементы в контейнере , что бы заголовок был по середине?

У меня есть форма скрин которой на скрине, проблема в том, что заголовок(первая строка) не растягивается по ширине контента и вообще не растягивается , что бы я не делал, не совсем понимаю, как правильно сделать 

diff: [
			{
				"operation": "insert",
				"name": "MyContainer",
				"propertyName": "items",
				"values": {
					"itemType": Terrasoft.ViewItemType.CONTAINER,
					"items": []
				}
			},
			{
				"operation": "insert",
				"parentName": "MyContainer",
				"propertyName": "items",
				"name": "MyGridContainer",
				"values": {
					"itemType": Terrasoft.ViewItemType.GRID_LAYOUT,
					"items": []
				}
			},
			{
				"operation": "insert",
				"parentName": "MyGridContainer",
				"propertyName": "items",
				"name": "TestText2",
				"values": {
					"bindTo": "TestText2",
					"caption": "Выберите причину дисквалификации лида",
					"layout": {"column": 0, "row": 0, "colSpan": 15}
				}
			},
			{
				"operation": "insert",
				"parentName": "MyGridContainer",
				"propertyName": "items",
				"name": "TestText1",
				"values": {
					"bindTo": "TestText1",
					"caption": "Test text1",
					"layout": {"column": 0, "row": 1, "colSpan":15}
				}
			},
			{
				"operation": "insert",
				"parentName": "MyGridContainer",
				"propertyName": "items",
				"name": "TestText",
				"values": {
					"bindTo": "TestText",
					"caption": "Test text",
					"layout": {"column": 0, "row": 2, "colSpan": 15}
				}
			},
			{
				"operation": "insert",
				"parentName": "MyGridContainer",
				"name": "CloseButton",
				"propertyName": "items",
				"values": {
					"itemType": Terrasoft.ViewItemType.BUTTON,
					"style": Terrasoft.controls.ButtonEnums.style.BLUE,
					"click": {bindTo: "onCloseButtonClick"},
					"markerValue": "CloseButton",
					"caption": "Подтвердить",
					"layout": { "column": 5, "row": 3, "colSpan": 10 }
				}
			}
		]