suppress area when hide element

Webix JS
#1

when I use the HIDE attribute for this element and is hidden as it should, but the area of the element and maintained.
How do I get the form element is hidden and suppressed your area

tks

#2

Hi,

Please, check the snippet http://webix.com/snippet/2e99b727

When hide() is applied, the element is hidden and its HTML is removed from the DOM. So it doesn’t occupy any area in layout.

#3

Helga, I think I’m doing something wrong.

Would you assist me?

follow link below for testing.
To view my problem, try changing the RadioButtonList.

see that you will get a huge white block when clicking on the RADIO - TWO

http://webix.com/snippet/33d9c7c7

tks

#4

Why don’t you enable scrolling for such a long form? I coudn’t view it unless I did it. It solves the problem as well: http://webix.com/snippet/0310b305

Btw, I would recommend you to use batches functionality to show & hide groups of controls. The code of form reconfiguration become neater. Check the snippet, please: http://webix.com/snippet/b3a6ad9f

Also, it will do you good, if you get rid of 0 ids in data (options configuration, etc.). Now it doesn’t prevent from application work, but later may cause problems in logic. At least, try using string value (“0”).

Good luck with your app!

#5

Helga, isbetter to use a single object and develop a long form or several small objects

#6

It’s up to your choice. For me it’s more convenient to store configuration parts in objects and then combine them in a webix.ui() constructor.

var part1 = {...};
var part2 = {....};
var part3 = {...}; //etc

webix.ui({
   rows:[ part1, part2, part3]
});