# Vertical Sliders **URL:** \ **Category:** Design\ **Created:** [June 7, 2022, 1:23am UTC](https://forum.adalo.com/t/vertical-sliders/28024 "2022-06-07T01:23:54Z")\ **Posts on this page:** 18\ **Page:** 1
**Author:** ![jimp](https://avatars.discourse-cdn.com/v4/letter/j/8baadc/32.png) [@jimp](https://forum.adalo.com/u/jimp)\ **Post date:** [June 7, 2022, 1:23am UTC](https://forum.adalo.com/t/vertical-sliders/28024/1 "2022-06-07T01:23:54Z")
Is there a way to make the Sliders vertical? They are always orientated horizontal. I am not referring to the picture sliders but the basic bar sliders. Where you can slide back and forth. thanks for any suggestions. ---
**Author:** ![Rozza](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/rozza/32/22780_2.png) [@Rozza](https://forum.adalo.com/u/Rozza)\ **Post date:** [June 7, 2022, 6:56am UTC](https://forum.adalo.com/t/vertical-sliders/28024/2 "2022-06-07T06:56:53Z")
I don’t think it exists yet, but @Michael seems good at following the forum and bringing something out rapidly sometimes. I’ve seen vertical progress, vertical number picker, so vertical slider would be a great add on. ---
**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\ **Post date:** [June 7, 2022, 10:18am UTC](https://forum.adalo.com/t/vertical-sliders/28024/3 "2022-06-07T10:18:14Z")
You guys are lucky! 🤭 VisualDev Studio (@knight) created a component for Vertical Swipe! ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/2/0/20106077d916a4c16562013dbc114217e544cfff.png) See the Demo : [https://components.adalomatic.com/](https://components.adalomatic.com/) ( Go to the Paid Tab and search for Vertical Swiper! ) Thank you ---
**Author:** ![Rozza](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/rozza/32/22780_2.png) [@Rozza](https://forum.adalo.com/u/Rozza)\ **Post date:** [June 8, 2022, 1:00pm UTC](https://forum.adalo.com/t/vertical-sliders/28024/4 "2022-06-08T13:00:56Z")
Well done Dilon, It’s hard to keep track of them all hey. ---
**Author:** ![jimp](https://avatars.discourse-cdn.com/v4/letter/j/8baadc/32.png) [@jimp](https://forum.adalo.com/u/jimp)\ **Post date:** [June 8, 2022, 3:43pm UTC](https://forum.adalo.com/t/vertical-sliders/28024/5 "2022-06-08T15:43:46Z")
I check it out thank you. ---
**Author:** ![knight](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/knight/32/2629_2.png) [@knight](https://forum.adalo.com/u/knight)\ **Post date:** [June 21, 2022, 2:13pm UTC](https://forum.adalo.com/t/vertical-sliders/28024/6 "2022-06-21T14:13:06Z")
I have some extra time tonight and tweak the component ![Xnapper-2022-06-21-22.03.16](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/d/f/df38a470ee598170aa6a360c516e3ff5e4a2731c.jpeg) ---
**Author:** ![jimp](https://avatars.discourse-cdn.com/v4/letter/j/8baadc/32.png) [@jimp](https://forum.adalo.com/u/jimp)\ **Post date:** [June 21, 2022, 7:31pm UTC](https://forum.adalo.com/t/vertical-sliders/28024/7 "2022-06-21T19:31:15Z")
sure just like the middle one. and have it just stop at 3 positions. both ends and middle. with no numbers showing. . in other words if the slider went 0 to 100. have it just jump to 0 then 50 then 100. thanks i will buy it if you can have it do that. Also have seen several others ask for the same thing vertical version. thank you ---
**Author:** ![knight](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/knight/32/2629_2.png) [@knight](https://forum.adalo.com/u/knight)\ **Post date:** [June 22, 2022, 2:59am UTC](https://forum.adalo.com/t/vertical-sliders/28024/8 "2022-06-22T02:59:18Z")
sounds confuse. something like this? > **[Vertical Slider](https://previewer.adalo.com/352ce364-91b4-4235-8365-011f58788678)** > > Built with Adalo ---
**Author:** ![jimp](https://avatars.discourse-cdn.com/v4/letter/j/8baadc/32.png) [@jimp](https://forum.adalo.com/u/jimp)\ **Post date:** [June 22, 2022, 1:05pm UTC](https://forum.adalo.com/t/vertical-sliders/28024/9 "2022-06-22T13:05:52Z")
yes exactly. thank you I will go get it. ---
**Author:** ![Vered](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/vered/32/30195_2.png) [@Vered](https://forum.adalo.com/u/Vered)\ **Post date:** [June 14, 2023, 6:05am UTC](https://forum.adalo.com/t/vertical-sliders/28024/10 "2023-06-14T06:05:28Z")
> [@dilon\_perera](#): > > [https://components.adalomatic.com/](https://components.adalomatic.com/) Hello @knight , I’m Vered. New to Adalo.. I just posted a [question](https://forum.adalo.com/t/is-there-a-vertical-slider-anywhere/39758) about vertical slider, then I saw this discussion… with this [example](https://previewer.adalo.com/352ce364-91b4-4235-8365-011f58788678) by you. How can I get such a simple clean vertical slider? Thank you! Vered ---
**Author:** ![knight](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/knight/32/2629_2.png) [@knight](https://forum.adalo.com/u/knight)\ **Post date:** [June 14, 2023, 8:34am UTC](https://forum.adalo.com/t/vertical-sliders/28024/11 "2023-06-14T08:34:05Z")
> [@dilon\_perera](#): > > [https://components.adalomatic.com/](https://components.adalomatic.com/) This, get it through my component store ---
**Author:** ![Vered](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/vered/32/30195_2.png) [@Vered](https://forum.adalo.com/u/Vered)\ **Post date:** [June 15, 2023, 5:05pm UTC](https://forum.adalo.com/t/vertical-sliders/28024/12 "2023-06-15T17:05:34Z")
Would love to. Great store. Questions: can it be customized to allow me: 1. Set the initial value for the slider to show a value based on magic text? 2. can the color of the “bar” (the blue filling in your demo) be transparent? I need it to only show the icon : ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/2/4/244fcf4dd0ece42a8ce16e5d5292a7d970d5067f.png) Thanks, Vered ---
**Author:** ![knight](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/knight/32/2629_2.png) [@knight](https://forum.adalo.com/u/knight)\ **Post date:** [June 16, 2023, 6:48am UTC](https://forum.adalo.com/t/vertical-sliders/28024/13 "2023-06-16T06:48:55Z")
> **[Vertical Slider](https://previewer.adalo.com/7d018460-f17f-4397-b354-5ffe971a8272)** > > Built with Adalo like this? ---
**Author:** ![Vered](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/vered/32/30195_2.png) [@Vered](https://forum.adalo.com/u/Vered)\ **Post date:** [June 16, 2023, 7:43am UTC](https://forum.adalo.com/t/vertical-sliders/28024/14 "2023-06-16T07:43:43Z")
This is great and I’ll purchase but what I need is for the bar to be transparent, or very thin, like a line and for the yellow marker to be set by a value that is read from the record in the collection, when the screen is displayed. Is it possible? Many thanks @knight for your creative solutions!! ---
**Author:** ![knight](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/knight/32/2629_2.png) [@knight](https://forum.adalo.com/u/knight)\ **Post date:** [June 16, 2023, 7:56am UTC](https://forum.adalo.com/t/vertical-sliders/28024/15 "2023-06-16T07:56:37Z")
just add “components@visualdev.studio” to your team and I grant you access of the component ? if it fit then you pay, if is not fit, I just remove the access tmr ? how about that ? ---
**Author:** ![Vered](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/vered/32/30195_2.png) [@Vered](https://forum.adalo.com/u/Vered)\ **Post date:** [June 16, 2023, 10:16am UTC](https://forum.adalo.com/t/vertical-sliders/28024/16 "2023-06-16T10:16:48Z")
Perfect. Added. Thanks so much. Looking forward to try it but please be aware that I’m traveling from now and for the weekend, so I will only be able to look at it next week. OK? Thanks again, Vered ---
**Author:** ![knight](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/knight/32/2629_2.png) [@knight](https://forum.adalo.com/u/knight)\ **Post date:** [June 16, 2023, 2:34pm UTC](https://forum.adalo.com/t/vertical-sliders/28024/17 "2023-06-16T14:34:45Z")
ok added. ---
**Author:** ![Vered](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/vered/32/30195_2.png) [@Vered](https://forum.adalo.com/u/Vered)\ **Post date:** [June 19, 2023, 4:54am UTC](https://forum.adalo.com/t/vertical-sliders/28024/18 "2023-06-19T04:54:32Z")
![](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/2/f/2f2fae87cd3cd1106c13fb301a7094b30e134d53.png)