Globalization in ASP.NET Core Splitter control

30 Jul 2021 / 1 minute to read

RTL

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.

tagHelper

controller.cs

<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,

Globalization

Globalization in ASP.NET Core Splitter control

RTL

See Also