Webix All UI Component Resize ? in React Framework

Webix JS
#1

Hi Team,

I have created webix form & webix data table using webix & react js here

https://github.com/itjayaprakash/Webix

Download the package
npm install
npm start

1.Go to the Home menu

2.Click the Sidebar menu button ( Top Left Side )

when sidebar is hiding left side.

it’s displaying empty spaces… right side each component.

form and data table are not triggering width for each component.

ISSUES SCREENSHOT

before hide menu

1440×900 205 KB

after hide menu

1440×900 199 KB

also check the code

UI

https://github.com/itjayaprakash/Webix/blob/master/src/component/home/home.js

DATA

https://github.com/itjayaprakash/Webix/blob/master/src/component/home/homedata.js

Thanks & Regards
J.Jayaprakash

#2

Webix components has two resize modes

  • fullscreen layout, built with webix layout

in such case, component tracks window resize and sizes self after window size changes

  • webix widget initialized inside of html contaienr

in such case widget will not resize automatically. You can use some.adjust() api to force resizing.