# Perspective how to turn an arrow icon and change a container size slower?

**URL:** <https://forum.inductiveautomation.com/t/perspective-how-to-turn-an-arrow-icon-and-change-a-container-size-slower/88036>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 28, 2024, 3:04pm UTC](https://forum.inductiveautomation.com/t/perspective-how-to-turn-an-arrow-icon-and-change-a-container-size-slower/88036 "2024-03-28T15:04:36Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Zach\_Larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zach_larson/32/54388_2.png) [@Zach\_Larson](https://forum.inductiveautomation.com/u/Zach_Larson)\
**Post date:** [March 28, 2024, 3:04pm UTC](https://forum.inductiveautomation.com/t/perspective-how-to-turn-an-arrow-icon-and-change-a-container-size-slower/88036/1 "2024-03-28T15:04:36Z")

</div>

I remember I had a handy technique to click on a flex container that:  
Turned an arrow icon  
Displayed a flex container under it

I think that changing the size of the container was part of the trick that made it kind of animate rather than just appear.  
My current script:

```auto
	if self.custom.show :
		self.getChild("Icon").props.path='material/keyboard_arrow_right'
		self.getSibling("flexReports").position.basis = '0px'
		self.custom.show= 0
	else:
		self.getChild("Icon").props.path='material/keyboard_arrow_down'
		self.getSibling("flexReports").position.basis = '500px'
		self.custom.show = 1

```

Can't seem to find the thread where I learned how to perform the transition slower though.