topic Re: Single Scroll bar whole Responsive Mashup in ThingWorx Developers

Single Scroll bar whole Responsive Mashup

pshashipreetham — Thu, 11 May 2023 18:42:13 GMT

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,

Re: Single Scroll bar whole Responsive Mashup

jensc — Fri, 12 May 2023 12:48:34 GMT

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:

And turning it off for the sub containers?

Regards,

Jens

Re: Single Scroll bar whole Responsive Mashup

pshashipreetham — Tue, 16 May 2023 04:18:25 GMT

HI @jensc ,

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

Thanks,

Re: Single Scroll bar whole Responsive Mashup

rogerjn — Mon, 22 May 2023 20:22:30 GMT

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