PDA

View Full Version : [CLOSED] Vertical slider field?



sveins12
Aug 05, 2016, 4:59 PM
Is it possible to create a vertical slider field?

fabricio.murta
Aug 07, 2016, 3:16 AM
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?

sveins12
Aug 08, 2016, 1:29 AM
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 :)
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);
")

)
)

Daniil
Aug 08, 2016, 10:36 AM
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