Removing the bottom scrollbar from a layer.

[JohnFowler]

Please help.
The Timeline in the picture is in one layer.
How to remove the bottom scrollbar? I need the right side bar.


Thank you,
John Fowler.

[Pablo]

It looks like the box is to small for the content.
But it's difficult to say something meaningful about this without a DEMO project.

[rogerl]

It's been a while since I dabbled in this but isn't their a code you can apply to an object that deals with the visibility of overflow on the x and y axis?

[crispy68]

I'm not at my computer but I believe in the layer you could set the overflow property.

You could insert some CSS like such:

Code: Select all

<style>
#NameOfLayer{overflow-x:hidden;}
</style>

I would probably want to know why it's causing the horizontal scrollbars to see if that can be fixed first. As pablo stated, the scrollbars only appear if the content inside is bigger than the container it is in. The layer needs to be made a little bigger.

[JohnFowler]

I scale the width of the layer to the maximum.
The Timeline is much smaller.
The bottom scroll bar still appears.
I am attaching the project.
TimeLineTest.wbs
Thank you that several people are dealing with my problem!

[Bluesman]

If you use a Layout Grid instead of a Layer... you get rid of the scrollbar and in the same time get it responsive...

[crispy68]

@JohnFowler,

did you try what I suggested? This works. You will need to set the overflow in the layer to "auto". When you set it to "scroll" it will always show scrollbars.

As bluesman mentioned, it is best to create using a floating design as this will help immensely in making it responsive. Plus the extension will scale and there'll be no need for scrollbars.

[JohnFowler]

@Bluesman and @crispy68!

Thanks to your advice, the problem is solved.

Thank you,
John Fowler!