Skip to main content
pshashipreetham
18-Opal
pshashipreetham18-Opal
18-Opal
May 11, 2023
Solved

Single Scroll bar whole Responsive Mashup

  • May 11, 2023
  • 2 replies
  • 2276 views

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,

Best answer by rogerjn

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

2 replies

J
jensc17-Peridot
17-Peridot
May 12, 2023

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

pshashipreetham
18-Opal
pshashipreetham18-OpalAuthor
18-Opal
May 16, 2023

HI @jensc ,

 

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

 

Thanks,

R
rogerjn14-AlexandriteAnswer
14-Alexandrite
May 22, 2023

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

pshashipreetham
18-Opal
pshashipreetham18-OpalAuthor
18-Opal
May 23, 2023

Thank you, @rogerjn. It worked like magic.

A
AK_114201263-Newcomer
3-Newcomer
November 14, 2024

Can you share how it worked ?

Terms & ConditionsCookie settingsAccessibility statement