Dynamic Panels Resizing

Hamid Raza shared this problem 6 months ago
Known

Hi,

I am facing issue related to dynamic panels resizing. Below is the step by step problem statement.


1. Insert a dynamic panel

2. Give it width to 100%

3. Set Horizontal Layout

4. Both Overflow are none

5. Add some Horizontal space

6. Now insert some Single line long Texts in this panel

7. Simulate it


You will see cutoff text while panel is resized to 100% but text is not completely visible.

Now inspect the rendered code, in this dynamic panel JIM is adding a ghostHLayout and giving it a fixed with. The content within this ghostHLayout is taking full width.

Please fix this issue.

Comments (8)

photo
1

Hello,

Can anybody answer this question?

photo
1

Hi Hamid,

Make sure you also have the text in the dynamic panel to be set to width 100%. Right now, it sounds like only the dynamic panel is set to width 100%.

photo
1

Hi Danielle,

I cannot set text with to 100% because I have other elements in dynamic panel to show after the text. So text's width is auto. Please see the reference screenshots attached.

photo
1

Do you have a .vp file you could attach? We would like to make sure that we can reproduce this and fix this if it is a bug. You can upload the file to a file sharing service like Dropbox and link to it here.

photo
1

Sure,

I have attached a JIM file. Please first simulate it to understand the problem.

photo
1

Is the issue that the text is cut off at first and then you simulate and it expands, or is it that when you make the browser very narrow, there will be a gap between the text and the end of the window, so some text is getting cut off?

photo
1

Dude,

Text is cut off within a dynamic panel when I show a hidden dynamic panel. and when I resize the simulated browser window, full text appears.

Because when you resize browser your ghostHLayout resize itself.

ghostHLayout should be 100% all the times whether dynamic panel is visible or hidden.

photo
1

Apologies for any misunderstanding! I see the issue now - the hidden layer in the dynamic panel is not being fully shown even when you trigger the 'show' event. We'll send this to our team.

photo