Skip to main content
1-Visitor
July 14, 2020
Solved

Scroll bar behavior with multiple containers

  • July 14, 2020
  • 1 reply
  • 2569 views
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? 

Best answer by JulianaGuerra

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.  

1 reply

Support
July 15, 2020

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

JulianaGuerra1-VisitorAuthorAnswer
1-Visitor
July 21, 2020

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.