# Making the slider vertical **URL:** \ **Category:** Questions about Thunkable X\ **Created:** [August 5, 2020, 4:53am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185 "2020-08-05T04:53:07Z")\ **Posts on this page:** 17\ **Page:** 1
**Author:** ![gfdvws](https://avatars.discourse-cdn.com/v4/letter/g/5e9695/32.png) [@gfdvws](https://community.thunkable.com/u/gfdvws)\ **Post date:** [August 5, 2020, 4:53am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/1 "2020-08-05T04:53:07Z")
How do you make the slider vertical, or potentially create a vertical slider in a different way? ---
**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\ **Post date:** [August 5, 2020, 5:24am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/2 "2020-08-05T05:24:31Z")
bring toggle menu bar to any button try and tell ---
**Author:** ![gfdvws](https://avatars.discourse-cdn.com/v4/letter/g/5e9695/32.png) [@gfdvws](https://community.thunkable.com/u/gfdvws)\ **Post date:** [August 5, 2020, 5:40am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/3 "2020-08-05T05:40:26Z")
So that when someone swipes it gets detect? Are there no ways to change rotating settings to rotate the slider component? ---
**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\ **Post date:** [August 5, 2020, 5:40am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/4 "2020-08-05T05:40:57Z")
can u tell clearly ---
**Author:** ![gfdvws](https://avatars.discourse-cdn.com/v4/letter/g/5e9695/32.png) [@gfdvws](https://community.thunkable.com/u/gfdvws)\ **Post date:** [August 5, 2020, 5:42am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/5 "2020-08-05T05:42:32Z")
![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/9/893ec68253808aba1cb859e8395a7da2ed7281d9.png) How do change these settings so that the slider rotates? ---
**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\ **Post date:** [August 5, 2020, 5:44am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/6 "2020-08-05T05:44:37Z")
may be testing on phone would work it says i cant say anything ---
**Author:** ![gfdvws](https://avatars.discourse-cdn.com/v4/letter/g/5e9695/32.png) [@gfdvws](https://community.thunkable.com/u/gfdvws)\ **Post date:** [August 5, 2020, 5:47am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/7 "2020-08-05T05:47:50Z")
I have tried, but not succeeded yet. What are the right settings and is it the slider, column or row that is supposed to transform? ---
**Author:** ![gobassky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gobassky/32/77019_2.png) [@gobassky](https://community.thunkable.com/u/gobassky)\ **Post date:** [August 5, 2020, 6:05am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/8 "2020-08-05T06:05:41Z")
Put the slider in a column or row, depending on your layout you want. Then in the property, select rotate. and in the figure, add in the angle you want to rotate and press “add”. (the angles are in units of Radians, i.e pi Rad = 180 deg) ---
**Author:** ![gfdvws](https://avatars.discourse-cdn.com/v4/letter/g/5e9695/32.png) [@gfdvws](https://community.thunkable.com/u/gfdvws)\ **Post date:** [August 5, 2020, 6:14am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/9 "2020-08-05T06:14:45Z")
I am so sorry, I must somehow be doing this wrong, and just don’t understand what. ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/8/38ed9ea0702f006ad1ddca15618b164465cad109.png) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/0/b0012ee7bb06c99baa172d7e1c40f9b4067d566f.png) These are the settings I have for the slider Here is the link [Thunkable](https://x.thunkable.com/copy/66edb5667630a794352dffb7a8732dcd) ---
**Author:** ![gobassky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gobassky/32/77019_2.png) [@gobassky](https://community.thunkable.com/u/gobassky)\ **Post date:** [August 5, 2020, 6:23am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/10 "2020-08-05T06:23:31Z")
OK. I found out you do not need to put the slider in the column/row component. From what I see above you are correct. with the “rotate”:1.5. change the “perspective” to rotate. Then view the change on the phone. I think it won’t appear correctly on the live test webapp. ---
**Author:** ![Michael\_Rogulla](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@Michael\_Rogulla](https://community.thunkable.com/u/Michael_Rogulla)\ **Post date:** [August 5, 2020, 6:27am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/11 "2020-08-05T06:27:48Z")
I tried it: just use “rotateZ” for a component, value: 1,5707963. It does not show on the designer screen, but in live preview (and hopefully in the app). ---
**Author:** ![gfdvws](https://avatars.discourse-cdn.com/v4/letter/g/5e9695/32.png) [@gfdvws](https://community.thunkable.com/u/gfdvws)\ **Post date:** [August 5, 2020, 6:29am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/12 "2020-08-05T06:29:51Z")
Can you please share your copy? I tested your setting suggestion, but mine does not work in live test nor on published pwa ---
**Author:** ![gobassky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gobassky/32/77019_2.png) [@gobassky](https://community.thunkable.com/u/gobassky)\ **Post date:** [August 5, 2020, 6:38am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/13 "2020-08-05T06:38:32Z")
[https://x.thunkable.com/projects/5f2a529a59f8dd8fec3c14d7/b8ef8ff2-ec2c-45ea-b6e3-e5ef20b59bff/designer](https://x.thunkable.com/projects/5f2a529a59f8dd8fec3c14d7/b8ef8ff2-ec2c-45ea-b6e3-e5ef20b59bff/designer) The same settings you have. worked on the phone. that’s all it mattered right? unless you are publishing a web app? ---
**Author:** ![Michael\_Rogulla](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@Michael\_Rogulla](https://community.thunkable.com/u/Michael_Rogulla)\ **Post date:** [August 5, 2020, 6:42am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/14 "2020-08-05T06:42:45Z")
Simply spoken: - click on a component in designer screen - select “advanced settings” - at “Transform” click on “rotateZ” - enter value “1.57079632679” (be careful to use a dot as a decimal separator) - click on “Add” Now the component shows up rotated by 90°: ![grafik](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/9/f927f8cc764591f307628393af4fdb85f409c726.png) ---
**Author:** ![gfdvws](https://avatars.discourse-cdn.com/v4/letter/g/5e9695/32.png) [@gfdvws](https://community.thunkable.com/u/gfdvws)\ **Post date:** [August 5, 2020, 6:53am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/15 "2020-08-05T06:53:12Z")
First thank you so much for helping. I now see that even the link I sent work, the issue is related to publishing it as a mobile web app. It is not rotating there… If anyone know about a workaround for this please let me know ---
**Author:** ![gobassky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gobassky/32/77019_2.png) [@gobassky](https://community.thunkable.com/u/gobassky)\ **Post date:** [August 8, 2020, 2:42am UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/16 "2020-08-08T02:42:41Z")
Some properties is not implemented correctly on the webapp, such as label alignment properties. Recently the managed the fix the column and row alignment properties. You may have to submit a github report on it. ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 12:26pm UTC](https://community.thunkable.com/t/making-the-slider-vertical/721185/17 "2024-11-08T12:26:46Z")