Skip to main content
J
JF_105521644-Participant
4-Participant
April 22, 2025
Question

Container wrap without scrolling

  • April 22, 2025
  • 2 replies
  • 3607 views

Is there a way to allow rows to be wrapped and push down the row below instead of scrolling?

 

For example: Create two rows. The first row has 3 columns and is set to wrap. The second row has one column. When the content of the first row is wrapped it always adds a scroll to the container. Ideally I'd like it to push the content of the 2nd row down and display all of the first rows content. This is the behavior when using flexbox on a normal webpage. Is this possible in ThingWorx? Using ThingWorx 9.4.

2 replies

N
nmutter16-Pearl
16-Pearl
April 24, 2025

I do not think so.

I only know this behavior from the Collection-widget. Not sure if the widget would work for your usecase

J
JF_105521644-ParticipantAuthor
4-Participant
April 24, 2025

Yeah, that's what I thought. I hoped I was just overlooking something.

 

If you have a container with wrapping and widgets inside, it will push down the content below which is in another container. It just doesn't treat the child container the same way.

J
JF_105521644-ParticipantAuthor
4-Participant
April 24, 2025

One potential workaround I found is to set the parent row container to use custom CSS with "display: block" instead of flex. This treats it as a normal webpage layout. Not sure if this could cause any other issues with layout.

G
GuillaumeL14-Alexandrite
14-Alexandrite
April 28, 2025

Hello,

 

Did you try this feature at container level ? (you need to do it at lower container level - it does not work efficiently with size dynamic widget like collection or grids)

GuillaumeL_0-1745846965320.png

 

Using this feature I moved from

 

GuillaumeL_1-1745846996656.png

to

GuillaumeL_2-1745847008419.png

FYI I am on a 9.6.1 version !

Regards

 

    J
    JF_105521644-ParticipantAuthor
    4-Participant
    April 28, 2025

    Thank you for the response. Yes, I can recreate what you are showing successfully. I can even wrap widgets properly as well. Where it doesn't seem to work is with wrapping sub containers.

     

    For example: Add several columns to your example on each row. Then for each row set them to wrap. I would expect the container would push the content below down just as the widgets do but it seems to keep the scroll bars no matter what.

    G
    GuillaumeL14-Alexandrite
    14-Alexandrite
    April 28, 2025

    Even with some column, it seems to work on my side. Did you set every container size as "responsive" rather than "Fixed size" ?

    If you want you can share you mashup with me and I can have a try. I guess there is no IP on your mashup 🙂 

    GuillaumeL_0-1745848690886.png

     

    Terms & ConditionsCookie settingsAccessibility statement