RTL

EnableRTL API provides right-to-left functionality and features for languages that work in a right-to-left for selecting, editing. Arabic and Hebrew are written from right to left. If you have a working style from right to left, you can use this feature in scroller. You can achieve this in your Scroller by using EnableRTL property. Setting this property to true, the Scroller content text is displayed in the right to left format. The vertical scrollbar move to right to left side.

The following steps explains you the configuration of EnableRTL property in Scroller.

In the View page, add a scroller helper to configure Scroller widget.

  • cshtml
  • // In the CSHTML page, add a <div> element to configure Scroller widget and initialize the control.
    
    <div id="scrollcontent">
    
      <div>  @*Wrapper div for Scroller.*@
    
         <div class="inner-content"> @*Content div*@
    
            <h3>MVC </h3>
    
             <p>
    
               Model–view–controller (MVC) is a software architecture pattern which   
    
               separates the representation of information from the user's interaction
    
               with it. The model consists of application data, business rules, logic, and
    
               functions. A view can be any output representation of data, such as a chart
    
               or a diagram.
    
             </p>
    
        </div>
    
      </div>
    
    </div>
    
    @{Html.EJ().Scroller("scrollContent").Height(170).Width(350).EnableRTL(true).Render();}

    The following screenshot displays the Scroller control in RTL direction.

    Scroller control in RTL direction