Angular Vertical Slider


Topic: Angular Vertical Slider

MikeOnline asked 2 years ago

Where is the Vertical Slider control for the Angular library? Is there one available, I thought I had seem a demo of it or am I confused? If I can just pass in a parameter to swich the orientation, what is it?

TIA.


MikeOnline commented 2 years ago

Oh No, ...looks like I was also confusing with the Angular Material one (https://material.angular.io/components/slider/api)

I think I have found the MDB demo; an example on the Jquery multi-range slider:https://mdbootstrap.com/plugins/jquery/multi-range/#direction

But there does not seem to be any functionality for the Angular library that I can find from poking around in the source :P.

Is this something that is limited to the jQuery version? - if so seems a bit rich to hobble the Angular et. al. version while charging the same for them.. :(

Please tell me i'm wrong and there IS a super secret extra option to change the slider orientation! :)


Konrad Stępień staff commented 2 years ago

Hi @MikeOnline,

I don't think we have such an example in the documentation. But could you please tell us exactly what example you would like to see in a vertical position?

I think It will not be hard to set styles via SCSS to transform slider to the vertical position from horizontal :)


MikeOnline commented 2 years ago

Hi Konrad, What I was after was something like the Angular Material slider. (https://v7.material.angular.io/components/slider/overview) you just put "vertical" in the component and it is drawn top-to-bottom and not left-to-right. I really want to use both vertical and horizontal sliders. Any suggestions? Thanks Mike.


Arkadiusz Idzikowski staff commented 2 years ago

Currently, we don't have support for the vertical mode in the slider component. We will add this feature to our nice-to-have list and discuss it with our design team.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 9.3.1
  • Device: Laptop
  • Browser: *ium
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No