[CLOSED] Vertical slider field?

  1. #1

    [CLOSED] Vertical slider field?

    Is it possible to create a vertical slider field?
  2. #2
    Hello! At first, there's no specific support for this but I can't help but think on using CSS transform and rotate its container either 90 degrees clockwise or counter clockwise.

    Have you tried such approach?
    Fabrício Murta
    Developer & Support Expert
  3. #3
    Hi again. Very interesting idea to use css-transformation like that. I gave it a try now. There are some new issues coming up when doing such thing. Everything about placement and the parent's layout regime can be forgotten, and the component is still responding only to horizontal dragging. As expected though :)
    Click image for larger version. 

Name:	45degslider.JPG 
Views:	1 
Size:	10.6 KB 
ID:	24706
    @{ 
        var x = Html.X();
    }
    @(
        x.Container()
            .Items(
                x.Slider() 
                    .Left(0)
                    .Right(0)
                    .Top(200)
                    .StyleSpec(@"
                        -webkit-transform: rotate(45deg);
                        -moz-transform: rotate(45deg);
                        -o-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        transform: rotate(45deg);
                    ")
    
            )
    )
  4. #4
    Hello,

    Yes, unfortunately, a vertical slider is not presented in Ext JS Modern toolkit and therefore it is not presented in Ext.NET Mobile as well.

    As well, CSS rotating is not enough to get it working as needed. It requires some non-trivial JavaScript coding. I've found a thread on Sencha forums with a community member's attempt on implementing a vertical slider. It is initially done for Sencha Touch 1 and I am not sure it is going to work with Ext JS 6.0.2 and Ext.NET Mobile, but, at least, it might be a start point for you to implement a vertical slider.
    https://www.sencha.com/forum/showthread.php?178364
    Last edited by Daniil; Aug 08, 2016 at 2:51 PM.

Similar Threads

  1. [CLOSED] Slider and number field
    By Sowjanya in forum 2.x Premium Help
    Replies: 3
    Last Post: Nov 12, 2013, 11:50 PM
  2. Trigger click event on Slider field
    By Birgit in forum 1.x Help
    Replies: 2
    Last Post: Feb 29, 2012, 7:22 AM
  3. [CLOSED] Vertical Button With Text, Or Vertical Tabs
    By rnachman in forum 1.x Premium Help
    Replies: 1
    Last Post: Apr 21, 2011, 9:43 PM
  4. Replies: 5
    Last Post: Jan 31, 2011, 7:38 PM
  5. [CLOSED] Vertical slider rendering
    By ewgoforth in forum 1.x Premium Help
    Replies: 2
    Last Post: Jan 24, 2011, 9:24 PM

Posting Permissions