Is it possible to create a vertical slider field?
Printable View
Is it possible to create a vertical slider field?
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?
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 :)
Attachment 24706
Code:@{
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);
")
)
)
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