asked on November 13, 2020
Hi,
I'm rendering flexmonster with height of 620px, which is not fitting in one view of screen but need to scroll to view bottom of flexmonster.
But the horizontal scrolling is enabled at bottom of flexmonster only (fm-scroll-2.PNG), but we need to enable at screen bottom level (attachment fm-scroll-1). and Vertical Scrolling also needs to enable at every point of view.
Please provide any solution exist.
Regards,
Ravi
⋅ November 13, 2020
Hello, Ravi,
Thank you for contacting us.
Our team wants to inform you that the dimensions of the component can be specified in percent.
It means it is possible to fit Flexmonster into a parental container so that it takes its width and height:
new Flexmonster({
...
width: "100%",
height: "100%",
...
});
In this case, horizontal and vertical scrollbars will stick to the edges of the parental element.
You are welcome to see the JSFiddle demonstrating this approach.
Please let us know if it works for your case.
Our team is looking forward to hearing from you.
Regards,
Illia
⋅ November 16, 2020
Hi Illia,
I provided height & width as 100%, still some part of flexmonster cannot be viewed in laptop screen.
In this we need to enable Horizontal scrolling to view right & left sides records.
Even if we provided 100% to both height & width, still the Horizontal scrollbar is aligned to bottom of the flexmonster.
Please provide any solution if exist.
Regards,
Ravi
⋅ November 17, 2020
Hello, Ravi,
Thank you for your feedback.
Our team would like to explain that scrollbars always will be stuck to the edges of Flexmonster. This behavior can not be changed.
Therefore, we suggest making sure the wrapper is correctly adjusted to the screen size. It means the parental element of the component should be fully visible on the page.
We hope it helps.
Regards,
Illia