Horizontal form validation css

Webix JS
1

Hi,

I’m trying to do a horizontal form. I’ve tried putting it in a toolbar, and also just making it with columns.

The form itself works fine. But then, when validation messages are shown, the form behaviour is a little strange, as you can see in this example:

http://webix.com/snippet/0da97fb7

Also, outside of a toolbar:

http://webix.com/snippet/e302f56a

is there a way to show these validation messages without messing up the layout?

Thanks in advance

2

Hi,

In the form’selementsConfig you can define one of the following properties:

elementsConfig:{
    bottomPadding:18, // will not affect the buttons
    // or inputHeight:38
}
3

Thanks, that helps already.

anyway to add the same property to the buttons?

4

I set inputHeight:29 in the buttons and that worked for me.

Again, thanks for the help.