Start sidebar collapsed if on a small screen

Webix JS
1

I can’t figure out how to calculate the percentage of the containers width a component is occupying. What I’d like to do is check on ready if the sidebar is taking up more than %25 of its’ container, and start it out collapsed.
Thanks for any suggestions!

2

Currently doing this, but using the app not the parent. Any way to access parent width?

ready: function(){
	var parentWidth = app.config.container.clientWidth;
	if (this.$width > parentWidth*0.25) {
		this.toggle();
	}
}
3

You can use collapsed: true in Sidebar configuration.

4

Setting collapsed: true would certainly make it collapsed.
My question was more about how to make it responsive to the screen size.

5

You can set collapsed property depending on the rule you need:

function getScreenWidth(){
    var size = ...;
    return size;
}
...
collapsed: (getScreenWidth()>700),
...