RTL Support in Angular CurrencyTextBox

17 Apr 20231 minute to read

The Textbox provides RTL (Right-To-Left) support. The alignment of CurrencyTextBox can be changed from Left-To-Right into Right-To-Left.

Enable RTL

The following steps explain the implementation of enableRTL in CurrencyTextBox.

In the HTML page set the corresponding <input> elements for rendering CurrencyTextBox controls.

  • HTML
  • <input id="currency" type="text" ej-currencytextbox [value]="value" [enableRTL]="true" />
  • HTML
  • import { Component } from '@angular/core';
    
    @Component({
        selector: 'ej-app',
        templateUrl: 'src/currencytextbox/currencytextbox.component.html'
    })
    export class CurrencyTextboxComponent {
        public value: number;
        constructor() {
            this.value = 33;
        }
    }

    The output for CurrencyTextBox when enableRTL is “true” is as follows.

    Angular CurrencyTextBox RTL support