Vertical Scrollbar

[rmullis99]

Please forgive me if the answer to this is easy.

I have a webpage defined that goes beyond the screen, but it does not display the scrollbar so the user can scroll down to view the bottom of the webpage. How do I get the scrollbar to display when a webpage goes beyond the screen?

Thanks,
Robert

[Scott Klement]

Hmm.. this is strange, I would've expected a scrollbar to be automatically created by the browser.

But, if you want to force there to be one, drag a simple container layout onto the canvas, make it large enough to hold all of your widgets and drag them all onto it. This by itself should force the browser to provide scrollbars...

But, if that still doesn't work, then change the height/width of the layout to 100%/100% so that the layout expands to fill the browser viewport. Then changee it's "overflow Y" property to "scroll". That will technically put the scrollbar on the simple container, but since the container takes up the whole screen, it should give you the scrollbar. I would only do this last option if the previous one didn't work, though.

[rmullis99]

Where do you set the height and width of the layout?

[Scott Wagers]

These widgets properties are changed in the Visual Designer.

image1.png (12.95 KiB) Viewed 2429 times

You will also find the 'overflow Y' property here as well.

[rmullis99]

I see those properties on individual widgets, but that doesn't seem to help.

Here is my situation. I have defined a webpage with 3 panels on it. The first 2 panels are side-by-side at the top of the page. The third panel is beneath the first 2 and extends off the screen. The web browser does not give me a scrollbar to scroll down to see the rest of third panel. Each panel display various subfile grids and charts.

I really need to figure this out, because I have a demo tomorrow morning.

[Scott Wagers]

So placing the layout and adding the panels to this doesn't seem to help?

Could you send a copy of the display file to me to look at? You can do this by selecting the Save As... option from the Visual Designer. Then click the Local File tab, give the file a name and save it to your PC. You can then send this to support@profoundlogic.com.

[rmullis99]

I know I have to be missing something simple. Here is the JSON.

[Scott Wagers]

I moved each of the panels and elements into the layout. Can you try this and see if this works?

[rmullis99]

That did it. THANK YOU!!!

So for my future reference, I need to define a simple container first and then place each widget in the container. Correct?

[Scott Wagers]

Yes, when using any sort of Layout container you would need to create it first, then place the elements inside of the layout.