Globalization in ASP.NET MVC Splitter control

20 Oct 2021 / 1 minute to read

Collapsible panes

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.

razor

controller.cs

@Html.EJS().Splitter("splitter").EnableRtl(true).Width("500px").Height("200px").PaneSettings(item => {
   item.Size("200px").Content("<div class='content'>Left pane</div>").Add();
   item.Size("200px").Content("<div class='content'>Middle pane</div>").Add();
   item.Size("200px").Content("<div class='content'>Right pane</div>").Add();
}).Render()

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }
}

Execution of above code’s output will be as given below,

Expand Collaspe

Globalization in ASP.NET MVC Splitter control

Collapsible panes

See Also