Specifies the direction of the Splitter component using the enableRtl property. For writing systems that require it like Arabic, Hebrew, etc., the direction can be switched to right-to-left.
The following code shows how to enable RTL behavior.
<ejs-splitter id="splitter" enableRtl="true">
<e-splitter-panes>
<e-splitter-pane size="200px" content="<div class='content'>Left pane</div>"></e-splitter-pane>
<e-splitter-pane size="200px" content="<div class='content'>Middle pane</div>"></e-splitter-pane>
<e-splitter-pane size="200px" content="<div class='content'>Right pane</div>"></e-splitter-pane>
</e-splitter-panes>
</ejs-splitter>
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
}
Execution of above code’s output will be as given below,