Hi all,
please chek this snippet
https://snippet.webix.com/c9guynco
when I shrink the browser window the calendar does not resize.
I have tried the scrollview but with not luck.
Any ideas?
Thanks
Hi @codejoin
If I understood correctly, the size of the Calendar has to be adjusted manually with the render method on window/container resize.
However, the most common yet stable way to integrate a third-party component into a Webix view is to wrap it in a custom component.
A draft of this solution may look as follows:
https://snippet.webix.com/dsmq5twv
However, there’s one possible issue that I can’t explain for sure (due to the lack of experience regarding Calendar API), but it seems that the Calendar grid has a required minimum height (which is 600 px in this example).
While the customizable theme options do not contain an obvious limitation, it was found in CSS notations for div.tui-full-calendar-week-container.
Unfortunately, I’m not sure if it’s a stable solution, but changing min-height there seem to work so far: Code Snippet
Hi @Listopad,
thank you, your hint helped me to go further in investigation.
My goal is to resize the new component when the whole browser window is resized. I changed the snippet and now the “week” and “day” defaultView resize correctly within the window.
https://snippet.webix.com/nj7bjj7g
Anyway the defaultView “month” does not show any scrollbar.
The “scrollview” view can help in this case?
I made a simple html page and when I resize the browser window it works (I mean the scrollbars is visible).
https://webservice.digiwebevents.it/toast.html
I’ll go further
Hi everyone, I have made significant progress (for those interested), the “scrollview” widget helped me to find a solution, now it seems that the widget works quite well in resizing the window. Check this:
https://snippet.webix.com/ihoxov1j
The only thing I don’t understand is why to display the scroll bar for the “scrollview” widget I can set
$$(“tui-container”).define(“scroll”, true)
but to remove it I have to set the widget attributes (set to false does not work, bug?)
$$(“tui-container”).getNode().style.overflowY = “hidden”;
very strange