Despite the COVID-19 outbreak, our team continues operating at full speed. We are always here to support and answer all your questions.

Feel free to reach out by filling this quick form.

Fill the form
Get Free Trial

Horizontal Scroll bar enable

Answered
Ravi Kumar 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

3 answers

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster 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

Public
Ravi Kumar 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

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster 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

Please login or Register to Submit Answer