# How to make a FlexRepeater have a scroll bar?

**URL:** <https://forum.inductiveautomation.com/t/how-to-make-a-flexrepeater-have-a-scroll-bar/111815>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [October 30, 2025, 10:55am UTC](https://forum.inductiveautomation.com/t/how-to-make-a-flexrepeater-have-a-scroll-bar/111815 "2025-10-30T10:55:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![danielps1818](https://avatars.discourse-cdn.com/v4/letter/d/ecae2f/32.png) [@danielps1818](https://forum.inductiveautomation.com/u/danielps1818)\
**Post date:** [October 30, 2025, 10:55am UTC](https://forum.inductiveautomation.com/t/how-to-make-a-flexrepeater-have-a-scroll-bar/111815/1 "2025-10-30T10:55:18Z")

</div>

How can I make a Flex Repeater Items adjust to the size of each instance, but make them appear out of the screen and make a scroll appear.

My current config:

 ![{5D6B95CF-494E-4298-8D29-68BB8EEC124F}](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/d/ade414f4d8f62ffc055a40b2b838672fdbbe6bef.png)

What I mean is this:

 ![{35307354-048A-4CBD-87FC-3FB2C13608CB}](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/d/ed2f4e81fa2fb206eea8af8e63cb8c1688f61425.png)  
But If there are too many selected:  
 ![{AF5739A0-13E2-4DD8-A595-FDF137855E05}](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/4/142e0af2cfe708db95ebe599233e62a1f3dd7c58.png)

How could I make a scroll appear but also that the size is adjusted to the size of each instance?

Thx!

> **Component**
>
> ```python
> [
> {
> "type": "ia.display.flex-repeater",
> "version": 0,
> "props": {
> "path": "templates/misc/tag_value",
> "direction": "column",
> "useDefaultViewWidth": false,
> "useDefaultViewHeight": false,
> "elementPosition": {
> "grow": 0,
> "basis": "auto"
> },
> "style": {
> "gap": 5
> }
> },
> "meta": {
> "name": "FlexRepeater"
> },
> "position": {
> "grow": 1,
> "basis": "320px"
> },
> "custom": {},
> "propConfig": {
> "props.instances": {
> "binding": {
> "config": {
> "path": "view.custom.current_path"
> },
> "transforms": [
> {
> "code": "\tfrom com.inductiveautomation.ignition.common.tags.paths.parser import TagPathParser\n\n\tnodes = []\n\tfor path in value:\n\n\t\tpath = TagPathParser().parse(self.view.custom.uns + path)\n\n\t\t# Get tag type\n\t\ttag = system.tag.getConfiguration(path.toString(), False)[0]\n\n\t\tif str(tag.get(\"tagType\")) == \"AtomicTag\":\n\t\t\t# If is a tag, then we return it\n\t\t\tnodes += list(system.tag.browse(\n\t\t\t\tpath.getParentPath(),\n\t\t\t\t{\"tagType\": \"AtomicTag\", \"name\": path.getItemName()}\n\t\t\t))\n\n\t\telse:\n\t\t\t# If is not a tag, we return all the tags in it's path\n\t\t\tnodes += list(system.tag.browse(\n\t\t\t\tpath.toString(), {\"tagType\":\"AtomicTag\"}\n\t\t\t))\n\n\t# We only return the path and the name\n\treturn [\n\t\t{\"name\": node.get(\"name\"), \"fullPath\": node.get(\"fullPath\")}\n\t\tfor node in nodes\n\t]",
> "type": "script"
> }
> ],
> "type": "property"
> }
> }
> }
> }
> ]
> 
> ```

Note: Tags references are picked up from a Tag Tree Component

---

<div class="post-metadata">

**Author:** ![Samuel\_Sueur](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@Samuel\_Sueur](https://forum.inductiveautomation.com/u/Samuel_Sueur)\
**Post date:** [October 30, 2025, 11:07am UTC](https://forum.inductiveautomation.com/t/how-to-make-a-flexrepeater-have-a-scroll-bar/111815/2 "2025-10-30T11:07:10Z")

</div>

I think just specifying

```python
"shrink" : 0

```

in your elementPosition properties should do the trick?

---

<div class="post-metadata">

**Author:** ![danielps1818](https://avatars.discourse-cdn.com/v4/letter/d/ecae2f/32.png) [@danielps1818](https://forum.inductiveautomation.com/u/danielps1818)\
**Post date:** [October 30, 2025, 11:08am UTC](https://forum.inductiveautomation.com/t/how-to-make-a-flexrepeater-have-a-scroll-bar/111815/3 "2025-10-30T11:08:08Z")

</div>

Yep, it totally did.

Thank you!

---

<div class="post-metadata">

**Author:** ![tgarrison](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tgarrison/32/80965_2.png) [@tgarrison](https://forum.inductiveautomation.com/u/tgarrison)\
**Post date:** [October 30, 2025, 12:27pm UTC](https://forum.inductiveautomation.com/t/how-to-make-a-flexrepeater-have-a-scroll-bar/111815/4 "2025-10-30T12:27:55Z")

</div>

Also, the styles/overflow setting. You can force the scrollbar to be present at all times if you want so it doesn’t come and go..