Question for size

Suite and Optimus Suite 5
#1

Maybe my question is stupid, but i am confused about what units used when measuring size. In this case:
{type: “button”, value: “0”, width: 184, inputLeft: 14, inputTop: 369},
What is width “px” (pixels), “in" (inches), “pt” (points)?

#2

Hello
Pixels :slight_smile:

#3

Ok, thank you!
But when I have form like this:
formStructure = [
{type:“settings”, position:“absolute”},
{type: “button”, value: “Button”, width: 80, inputLeft: 39, inputTop: 10},
{type: “combo”, width: 80, inputLeft: 39, inputTop: 37},
{type:“input”, value: “TextBox”, width: 80, inputLeft: 39, inputTop: 86},
];

The button is larger than other controls, although the width is the same. Is this a bug?

#4

There is inputWidth property for input:
docs.dhtmlx.com/form__controls_l … uttextarea

#5

Ok, i will fix it.
But I’m interested in button.
This is all code:
formStructure = [
{type:“settings”, position:“absolute”},
{type: “button”, value: “Button”, width: 80, inputLeft: 39, inputTop: 10},
{type: “combo”, inputWidth: 80, inputLeft: 39, inputTop: 50},
{type: “input”, value: “TextBox”, inputWidth : 80, inputLeft: 39, inputTop: 86},
];
var myWins= new dhtmlXWindows();
var CurrentWindows = myWins.createWindow(“CurrentWindows”, 0, 0, 286.842, 216.684);
CurrentWindows.setText(“MainWindow”);
var CurrentWindowsForm = CurrentWindows.attachForm(formStructure);

And the Button is significantly more larger than other controls. Why is this difference despite the same width?

#6

Hi

please specify exact version you’re using, I will attach a fix.

#7

I use dhtmlxSuite_v43_std

#8

Please try attached
dhtmlxjs_43_std_form_fixed.zip (289 KB)

#9

Hi!
The problem with size is fixed, but the label of button is not centered.

#10

That’s correct, I forgot css:

.dhxform_obj_dhx_skyblue div.dhxform_btn div.dhxform_btn_txt.dhxform_btn_txt_autowidth {
margin: 0;
width: 100%;
}

#11

Thank you!
I have one more question, this time’s for label. Without explicitly set the width, label appear in multiple rows. What to change to stay in a row?
formStructure = [
{type:“settings”, position:“absolute”},
{type:“label”, label: “This is my label!”, labelLeft: 41, labelTop: 25},
];

#12

lots of ways, for example:
{type:“label”, label: “This is my label!”, labelLeft: 41, labelTop: 25}

or via className attr