# How can I animate a sidebar using timer?
**URL:** https://community.thunkable.com/t/how-can-i-animate-a-sidebar-using-timer/76476
**Category:** Questions about Thunkable X
**Created:** [May 17, 2019, 1:40pm UTC](https://community.thunkable.com/t/how-can-i-animate-a-sidebar-using-timer/76476 "2019-05-17T13:40:11Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@kartik\_old](https://community.thunkable.com/u/kartik_old)
#### Post date: [May 17, 2019, 1:40pm UTC](https://community.thunkable.com/t/how-can-i-animate-a-sidebar-using-timer/76476/1 "2019-05-17T13:40:11Z")
Hello,
I am trying to animate a sidebar opening form left side…
I don’t want to use the **drawer navigator** because I am navigating users by pressing the button…
how can I do this? I want to do it like the drawer navigator - as it opens slowly from the left side…
I want to do like : when the ≡ button is clicked, visible a 250-pixel container containing 12 menus…
Thanks in advance…
Kartik
---
### Author:  [@kartik\_old](https://community.thunkable.com/u/kartik_old)
#### Post date: [May 18, 2019, 6:23am UTC](https://community.thunkable.com/t/how-can-i-animate-a-sidebar-using-timer/76476/2 "2019-05-18T06:23:15Z")
@domhnallohanlon,
Can you please help me with this?
(Sorry for the call)
---
### Author:  [@actech](https://community.thunkable.com/u/actech)
#### Post date: [May 18, 2019, 7:21am UTC](https://community.thunkable.com/t/how-can-i-animate-a-sidebar-using-timer/76476/3 "2019-05-18T07:21:27Z")
Hello,
What causes you difficulty? Create a Column with a width of 250 px. In Column add a list with 12 options. You also create a button to control the visibility of the Column. When you start the application, make the Column invisible, and when you press the button, change the visibility of the Column.
---
### Author:  [@kartik\_old](https://community.thunkable.com/u/kartik_old)
#### Post date: [May 18, 2019, 8:17am UTC](https://community.thunkable.com/t/how-can-i-animate-a-sidebar-using-timer/76476/4 "2019-05-18T08:17:23Z")
Yes.
I did that all
I just want to animate the opening of the sidebar…
When we click the button, The sidebar suddenly appears…
I want it to slowly open…
---
### Author:  [@actech](https://community.thunkable.com/u/actech)
#### Post date: [May 18, 2019, 8:19am UTC](https://community.thunkable.com/t/how-can-i-animate-a-sidebar-using-timer/76476/5 "2019-05-18T08:19:59Z")
For slow opening, you can use a timer, when triggered, the width of the Column will increase, but my experience shows that the result will not be as good as you expect. I do not think that it will work smoothly and beautifully.
---
### Author:  [@kartik\_old](https://community.thunkable.com/u/kartik_old)
#### Post date: [May 18, 2019, 8:22am UTC](https://community.thunkable.com/t/how-can-i-animate-a-sidebar-using-timer/76476/6 "2019-05-18T08:22:47Z")
Ok Thank you very much!
Kartik
---
### Author:  [@kartik\_old](https://community.thunkable.com/u/kartik_old)
#### Post date: [May 18, 2019, 2:09pm UTC](https://community.thunkable.com/t/how-can-i-animate-a-sidebar-using-timer/76476/7 "2019-05-18T14:09:12Z")
@actech ,
How should I add the swipe open feature in that?
Like canvas.swipe right, increase width…
Kartik
---
### Author:  [@actech](https://community.thunkable.com/u/actech)
#### Post date: [May 18, 2019, 4:13pm UTC](https://community.thunkable.com/t/how-can-i-animate-a-sidebar-using-timer/76476/8 "2019-05-18T16:13:15Z")
In the event handler for the timer event, you need to insert a block for changing the width of the Column. Initially Column width = 0. In the event handler, you need to increase this width to 250px. Do you understand how this is done?
Custom gestures in Thunkable X do not work. You can place the Slider and when moving the slider, increase the width of the Column by reading the current value of the slider.
---
### Author:  [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 12:13pm UTC](https://community.thunkable.com/t/how-can-i-animate-a-sidebar-using-timer/76476/9 "2024-11-08T12:13:41Z")