Skip to main content
16-Pearl
March 25, 2025
Solved

How to Set Width for ptcs-dynamicpanel When Opening a Mashup?

  • March 25, 2025
  • 1 reply
  • 458 views

Hello everyone,

I am working on a ThingWorx Mashup where I have a flex container that contains a ptcs-dynamicpanel. This panel is divided into two sections:

  • Left Side: Contains more widgets and occupies a significant portion of the screen.

  • Right Side (ptcs-dynamicpanel-41 #2): Contains fewer widgets, but by default, it opens with too much width.

Issue:

I want to reduce the width of ptcs-dynamicpanel-41 #2 when the mashup opens. However, I do not see any width property available in the widget’s settings. I have tried adjusting the flex container settings, but the right panel still expands too much when the mashup loads in the browser.

What I Have Tried:

  1. Checking the Properties of ptcs-dynamicpanel-41 #2 – No direct width option found.

Expected Behavior:

  • When the mashup opens, the right panel should have a smaller width instead of taking up a large portion of the screen.

  • The layout should remain responsive without affecting the left panel’s visibility.

Does anyone have experience with controlling the width of ptcs-dynamicpanel? Is there a way to set a default width or restrict expansion? Any guidance or alternative approaches would be appreciated!

Thanks in advance for your help!

MA8731174_0-1742894707671.png

 

Best answer by MA8731174

The PanelSize property on the widget ptcs-dynamicpanel-143 allows for configuration of the panel's dimensions. By default, the width can be adjusted using this property to suit the desired layout or design requirements. for example PanelSize= 50%

1 reply

MA873117416-PearlAuthorAnswer
16-Pearl
March 27, 2025

The PanelSize property on the widget ptcs-dynamicpanel-143 allows for configuration of the panel's dimensions. By default, the width can be adjusted using this property to suit the desired layout or design requirements. for example PanelSize= 50%