Web - Scrolling container

Hi all,

Not sure what I’m doing wrong but I have a web page that has a HeaderContainer which is on all the pages. Below the header container is a content container. Nothing special about it. The content containers are unique to each page.

In one page in the content contaier I put a tab control. Each page in the tab control will have a content container. But I want the contents of these containers under the tab control to be scrollable.

In one case it is a list of images. I’ve set this lowest content control to be scrollable and I have a fairly long list of labels and images. I’ve tried setting the scollable property to various values. But when I run this and check it on the browser, it will not scroll.

What I’m trying to achive is:

Header to be fixed on each page. So its a common container at the top of each page. It has a segment button in it for navigation.

Each page has its own content container. I would like these to be scrollable. Can’t seem to get that to work.

On this one page, I want a tab control to show various things. Each of the pages beneath the tab control I’d like to be scrollable. But I cannot get that to work either.

Suggestions?

So it seems the issue is the tab control. Once you put that in, scrolling within the tab pages doesn’t work.

Further playing shows I can get it to work if I’m careful about what gets placed where.

Do you want to share a sample project?
Maybe someone can give you ideas on what to change or if it is something that @Ricardo_Cruz can update/fix for the next release.

I think I figured it out. I had things in a strange order. Fixing that I’m now getting the scrolling I hoped for. Thanks for taking a look.

1 Like