Scroll bar behavior with multiple containers

[JulianaGuerra]

Hello! I'm currently working with Thingworx v8.5.5 and experiencing some concerns regarding Mashups. Right now, we have some containers working as a header, which is compact and doesn't have a scroll bar and below it, another container with a collection (with many elements) that has a scroll bar. 

We were wondering if is it possible to have a Header (which includes more than 1 container) that once you scroll down only the bottom container stays on the top of the page. Or another possibility could be on how to scroll the entire page even though the mashup as multiple containers.  

We wanted to use the same behavior as we usually do in previous versions to 8.5.5 when we had Static mashups that we could have an entire page scroll bar and not scroll bars in different containers. We want that same behavior but in a responsive layout. And it's not happening in this case because we have the container having the scrollbar and not expanding beyond the page. So the page is fixed.

Any help on how can we implement any of the previous ideas? 

[slangley]

Hi @JulianaGuerra.

You'll probably need to play around to get it just the way you want it, but if you scroll down on the Layout tab there are some additional options for Container Size.  You can also try with a mix of responsive containers and panels.  The Panel and Folding Panel widgets are legacy in the latest 9.0 release.

This information in the ThingWorx Help Center may help to provide some ideas around this.  Be sure to look at the sub-topics as well.

Regards.

--Sharon

[JulianaGuerra · Accepted solution]

Hello @slangley and thank you so much for your help. 

In the end, we decided to use some custom CSS to change the scroll bar behavior and it's working.  

[slangley]

Hi @JulianaGuerra.

I'm glad to hear that you found a solution.  For the benefit of others in the community, please mark your last response as the Accepted Solution.

Thank you for your participation in our community!

Regards.

--Sharon