Orientation in JQuery Rotator widget
15 Dec 20172 minutes to read
The Rotator control supports both vertical and horizontal orientations allowing it to fit into any scenario. The Rotator property orientation defines the orientation where the control is rendered. The value set to this property is enum or string type. It accepts the following values.
- ej.Orientation.Horizontal or “Horizontal”
- ej.Orientation.Vertical or “Vertical”
The following steps explain you how to set orientation for the Rotator.
Horizontal
This property sets the Rotator in horizontal orientation. You can refer the following steps to set horizontal orientation for Rotator control.
In View, create ul-li list of Rotator items and invoke the Rotator helper.
Add the following script in your HTML page.
$(function () {
// declaration
$("#sliderContent").ejRotator({ slideWidth: 500, orientation: ej.Orientation.Horizontal });
});
$(function () {
// declaration
$("#sliderContent").ejRotator({ slideWidth: 500, orientation: "Horizontal" });
});
Vertical
This property sets the Rotator in vertical orientation. You can refer the following steps to set vertical orientation for Rotator control.
Create ul-li list of Rotator items and invoke the Rotator helper.
Add the following script in your HTML page.
$(function () {
// declaration
$("#sliderContent").ejRotator({ slideWidth: 500, orientation: ej.Orientation.Vertical });
});
$(function () {
// declaration
$("#sliderContent").ejRotator({ slideWidth: 500, orientation: "Vertical" });
});