Enable RTL

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">
                    <button id="button1" ej-button  e-contentType="textandimage" e-prefixIcon="e-icon e-handup" e-enableRTL="enable">Button</button>
  • javascript
  • <script>
                    angular.module('buttonApp', ['ejangular'])
                    .controller('ButtonCtrl', function ($scope) {
                    $scope.enable = true;

    Run the above code to get the below output.