Remove scroll bars from container

Is there a way to remove the scroll bars from a container? I've created a view with a column container to hold 3 labels horizontally. I am then using a 2nd view with a flex repeater to duplicate the 1st view. However, I cannot get the scroll bars to disappear.

I've set the height to match the label size and toggle every option I can find and it won't go away. I also see where if the container is stretched past the length to remove the vertical scroll bar, as soon as it decreases any, it comes right back telling me there is a value somewhere that is getting set.

Sorry if this is simple question. Thanks.

Are the labels in a flex container? Or maybe they're in a coord container. If this isn't going into a coord container, it would make more sense to use a flex container instead. If it's going in a coord container though, a flex won't resize as you'd expect.

If it's in a coord then you can set the style.overflow to hidden

1 Like
overflow : hidden

I changed the labels to a flex container and that fixed the scroll issue, but caused several other alignment issues. I'm going to work with this and see if I can get it working. Thank you for the input

Is it possible to add "overflow: hidden" as an attribute or are you talking about on the flex repeater?

There are various places it can be added as a property, some of them may do nothing. It's CSS, you can add it under the "Styles" section. Just do some trial and error to see if gets the results you're looking for.

2 Likes

You'll want to set ColumnContainer.props.style.overflow to have a value of "hidden". Even doing this, you will still probably see the scrollbars in the Designer because we have to be able to convey that the root node has additional content while in the Designer context. Entering Preview mode or using a Browser session should remove the scrollbars.

2 Likes

This is why I said

A flex container inside of a coord container will scale/resize the flex container, but the components within the flex container will not scale themselves, they'll just rearrange themselves to suit the new flex container size. I'm not sure if there's a solution to this, but I'm definitely interested if there is!! For now, I avoid using flex containers inside of coord containers altogether, unless scaling of the components inside of them is not desired, like a HUD perhaps.