Flexlayout

Webix JS
#1

Hi Webix team,

In this snippet my flexlayout is not working.
https://snippet.webix.com/f49n35a9

Can you tell me the trick?How to use it?

Thanks,
Mira

#2

Hi Webix team,

In this snippet its working like this,
https://snippet.webix.com/23yo6hns
Is there any solution for it?
I have to write resize function on onShow event

#3

Hi,

Yep, such behavior doesn’t look nice, we will check it out.

But why do you need flexlayout here? Simple layout will do as well in such a use case.

#4

Yeah,this is just example. This issue is coming in my all layout

#5

Hi Webix team,
https://snippet.webix.com/829mi6yy

In this snippet, If I am using flexlayout see how much of space its taking between 2 rows.

#6

Hi Webix Team,

in this snippet - https://snippet.webix.com/yxigpamf

Click on Add view button and create more than 5 date fields and then resize. I am not able to see all date fields.

Please reply me on this issue.
Thanks,
Mira

#7

Hi webix team please reply me

#8

Hi,

I see the issue, there is no easy fix for it though.

You are adding flexlayout widgets into the layout.
While flexlayout uses CSS based sizing, the layout uses Webix based sizing.
As result, the layout can’t correctly calculate its size, as the size of flex layout units is defined by CSS, not by JS code.

You can add a hack, which will disable the Webix sizing for layout and provide the correct UI.

<style>
  .form_multiViewSecond{
  	height:auto !important;
  }
</style>

https://snippet.webix.com/qu5eds75

#9

@maksim
Thank you so much:)