Skip to main content
pshashipreetham
19-Tanzanite
May 11, 2023 6:37 PM UTC
Solved

Single Scroll bar whole Responsive Mashup

Hi,

 

I have a responsive mashup, It has three main Sub Containers...

1st Sub Container has Grid
2nd Sub Container has Collection Widget

3rd Sub Container has another Grid widget


My Screen resolution is 1920*1080, now I see all three Subcontainer are having Scroll bars, which the Customer doesn't want.

 

Is there a way, My Main Container has a vertical Scroll bar and sub-containers can expand as much as they can, without having any scroll bars?

Thingworx version: 9.3.8

 

Thanks,

rogerjnAnswer
14-Alexandrite
May 22, 2023 8:22 PM UTC

I got it working by enabling the contained advanced-grid EnableContainerScroll property.

You can then disable horizontal and vertical scrolling. The grid will fill up the container with all of its content.

 

Also you need to make sure all child containers have scrolling disabled while parent container have scrolling enabled

5 replies

17-Peridot
May 12, 2023 12:48 PM UTC

Hello @pshashipreetham,

 

I feel like I remember reading something about this where you could have only the parent container have a scrollbar.

But unfortunately I can't remember where I read it.

 

Did you try using this:

jensc_0-1683895686065.png

And turning it off for the sub containers?

 

Regards,

Jens

Translate
pshashipreetham
19-Tanzanite
May 16, 2023 4:18 AM UTC

HI @jensc ,

 

Vertical Scroll bars are disabled/grayed out for all sub-containers, so it didn't work.

 

Thanks,

Translate
Shashi Preetham || +91 8099838801 || shashi@psptechhub.com
rogerjn14-AlexandriteAnswer
14-Alexandrite
May 22, 2023 8:22 PM UTC

I got it working by enabling the contained advanced-grid EnableContainerScroll property.

You can then disable horizontal and vertical scrolling. The grid will fill up the container with all of its content.

 

Also you need to make sure all child containers have scrolling disabled while parent container have scrolling enabled

Translate
pshashipreetham
19-Tanzanite
May 23, 2023 4:37 AM UTC

Thank you, @rogerjn. It worked like magic.

Translate
Shashi Preetham || +91 8099838801 || shashi@psptechhub.com
3-Newcomer
Nov 14, 2024 4:01 PM UTC

Can you share how it worked ?

Translate