Rtl.cshtml

@using Syncfusion.EJ2
@section ControlsSection{
    <div class="col-lg-12 control-section">
        <div class="e-sample-resize-container">
            @Html.EJS().Tab("rtlTab").EnableRtl(true).Items(ViewBag.rtlItems).Render()
        </div>
    </div>
}

@section ActionDescription{
    <p>
        This sample demonstrates the RTL mode of the <code>Tab</code>. Click on the <code>header</code> element for activate the corresponding tab, and displays its <code>content</code> with right-to-left direction.
    </p>
}

@section Description{
    <p>
        The RTL sample illustrates the direction of the <code>Tab</code> from right to left.
    </p>
    <p>
        More information about Tab can be found in this <a target="_blank" href="https://ej2.syncfusion.com/aspnetmvc/documentation/tab/getting-started-asp-mvc/"> documentation </a> section.
    </p>
}

@section Meta{

    <meta name="description" content="The sample demonstrates how to align the tab items with its icon from right to left direction (RTL) in the Tab component in ASP.NET MVC platform (For example, Arabic language)." />

}

<style>
    .e-content .e-item {
        font-size: 12px;
        padding: 10px;
        text-align: justify;
    }
</style>