elementsConfig Form Horizontal margin

Webix JS
1

Hello,

in order to create a horizontal spacing for the elements in a form, I have set a margin of 10 using the elementsConfig property. This seems to work up to Webix 10.2. If I change the version in the snippet, the spacing no longer works as of Webix 10.3. Do you have a solution for this problem?

Here is the snippet and the code:

https://snippet.webix.com/ojymg6tz

webix.ui({
  view:"form",
  id:"form",
  elements:[
    {
      cols: [
    		{view:"text", label:"First Name", name:"name"},
    		{view:"text", label:"Last Name", name:"surname"}
        ]
    }
  ],
  elementsConfig:{
    labelPosition: "top",
    margin: 10
  }
});

Many thanks and best regards
Gorden

2

Hello gokap001,

This is a restriction and now elementsConfig applies only to form controls. Templates, datatables, layouts and other views do not belong to this category, so elementsConfig no longer affects them.

To apply a horizontal spacing for the elements you can set them directly in the layout of the elements property.

Please take a look at the example: Code Snippet

1 Like
3

Hello Natalia,

Thank you for your reply. I understand that so far.

If I have several layouts nested in a form, is it possible to make the margin setting only on the top layout? So that it is transferred to the children?

There is an example in the snippet. Here Margin is only defined on the top layout but should also apply to the lower ones:

https://snippet.webix.com/jj1nsydw

Many thanks and regards
Gorden