Enable RTL

28 Jun 20171 minute to read

Buttons are provided with built-in right to left alignment of the button contents. Here, RTL support is provided using e-enableRTL property. In RTL mode when you have more than one content (image/text, image/image) in button, then these contents are aligned in right to left format. The button RTL enabled using e-enableRTL property is shown below.

HTML

<div ng-controller="ButtonCtrl">
        <div>
                <button id="button1" ej-button  e-contentType="textandimage" e-prefixIcon="e-icon e-handup" e-enableRTL="enable">Button</button>

        </div>
        </div>

JAVASCRIPT

<script>
                angular.module('buttonApp', ['ejangular'])
                .controller('ButtonCtrl', function ($scope) {
                $scope.enable = true;
                });
        </script>

Run the above code to get the below output.