aligning form control to the center

Suite and Optimus Suite 5
#1

Hello,

I have been trying to align my form control (in my case input) to the center,
however it’s not working.

var myLayout = new dhtmlXLayoutObject({ 
    parent:     document.body,
    pattern:    "2E",
});
myLayout.cells("a").setHeight(130);
myLayout.setSeparatorSize(0,0);	
myLayout.cells("a").hideHeader();	
//HEADER
myLayout.cells("a").attachHTMLString(
	"<div style='font-family: Tahoma; width: 100%; height: 100%; overflow: auto;'>"+
		"<div align='center' style='font-size: 15px;'>MY TITLE HEADER</div>"+
		"<div align='center'>"+
			"<div id='idFormHeader'></div>"+
		"</div>"+	
	"</div>"
);	

var objFormHeader = [
		{type:"input", name:"cdFrmH", inputHeight: 20, inputWidth: 50, style: "font-size: 25px; font-weight: bold; border: 1px solid; text-align: center", readonly: true, maxLength: 2,
			note:{text: "<div style='color: blue; font-size: 7px; text-align: right'>Code</div>"}	
		},
		{type:"newcolumn"},
		{type:"input", name:"cdFrm1H", inputHeight: 20, inputWidth: 50, style: "font-size: 25px; font-weight: bold; border: 1px solid; text-align: center", readonly: true, maxLength: 2,
			note:{text: "<div style='color: blue; font-size: 7px; text-align: left'>Area</div>"}	
		}
];				

var myForm = new dhtmlXForm("idFormHeader", objFormHeader);

Please let me Know how to make it.

Best regards,

#2

Hi

could you please also attach screenshot with awaited behaviour?

#3

Andrei, thank you for your quick replay, here’s attached screenshot.

align-center.png1618×648 8.75 KB

#4

Hi

you need to move form’s parent container to a center of screen for this.

#5

Hi Andrei,

In accordance with the your suggestion, by doing this

“

”+
“
DHTMLX SUITE’S COOL
”+
“
”

then DHTMLX SUITE’S COOL text 's position to the center, but when being form’s parent for a ‘Form Object’ still getting no success.
Hoping you can share your the right way for this.

Thank you.

#6

Hi

by the default form inited in top-left corner. you need move parent container.