Expanding Page View Instead of Scrollbar in Flex Repeater (Ignition Perspective)

In Ignition Perspective, I have a view that uses a flex repeater component with a fixed flex size. Inside the flex repeater, I have one sub-view. Whenever I click a button, a new instance of the sub-view is added to the repeater. Once a certain number of instances are added, a vertical scrollbar appears within the flex repeater. However, I do not want the scrollbar to appear for the flex repeater itself. Instead, I want the page to expand, and the scrollbar should appear for the entire main view.

If anyone has any ideas or suggestions, please let me know.

Thanks and regards,
Arifrahuman A

The flex repeater's basis should be set to auto and grow/shrink to 0. That way the height of the flex repeater will be determined by the height of all of the views within it, which could be taller than the page itself, thus causing the flex repeater's parent container to have scrollbars to display it, assuming overflow is set to auto or scrollbar

3 Likes

Hello @nminchin ,

Thanks for replying!

I tried adjusting the grow/shrink settings to 0 and set the overflow option to auto, but the scroll bar still appears on the Flex Repeater itself. Instead, I want the scroll bar to appear for the full view.

I’m attaching an image for your reference, along with a video to show exactly what I need.


Could you please help me find a solution?

Flex Repeater Page Scroll.zip (12.5 KB)

Thank you for replying, @nminchin

It works, but I have a follow-up question. In the main view, I created a coordinate container that holds a flex repeater. When I click the button or icon in the flex repeater to add a new instance, a scroll bar appears and the view does not expand. Could you please suggest an alternative solution? This would be very helpful.

Ah, a coord container would not support this. A coord container is a fixed size, so the flex repeater would always have a fixed height and therefore scrollbars if the heights of the instances are greater than its height.

The question I have though, is should you be using a coord view , or should it really be a flex view? If you show a screenshot of the page I can probably tell you

Yes, I can share the screenshot for your reference. In this case, I have created the view using a coordinate container.

Yeah it looks like that should be in a flex view, not a coord view. In general, coord views should only ever be used for p&id mimics, or pages that need to have components overlapping each other. 99% of others should be flex, at least in my experience

1 Like

Ok Thank You!! @nminchin