Vertical spacing on form

Webix JS
1

Please, any sample code on how to fine adjust the vertical space inter elements(controls) of a form? Thanks.

2

can you share some screen? I’m not sure which size you need to adjust. To change space between inputs, try to update the “margin” property

http://webix.com/snippet/3b9f2216

3

Thanks. But I am talking about the margins around a particular element/item/control. How to finetune the vertical space(margin-top and margin-left) between two specific itens in the form?

4

You can wrap them in sub-layout if necessary http://webix.com/snippet/bce188f8

5

In fact, I discovered that when using positive or 0 margin number, webix keep a minimum space. If I want to reduce this space even lower I need use negative margin numbers. I works fine now. See below code:

webix.ui({
view:“form”, margin:100, elements:[
{ view:“text”, label:“grid_data” },
{ margin:-5, labelPosition:“top”, rows:[
{ view:“text”, labelPosition:“top”, label:“grid_data”},
{ view:“text”, labelPosition:“top”, label:“grid_data” }
]},
{ view:“text”, label:“grid_data” }
]
});

6

Yep, the form controls have some space as part of design, so you can use a negative margin to place them really tight.