RTL Support

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

Enable RTL

The following steps explain the implementation of enableRTL in PercentageTextBox .

In the HTML page set the corresponding <input> elements for rendering PercentageTextBox control.

  • html
  • <table cellpadding="10">
        <tbody>
            <tr>
                <td>
                    <label for="percent">Percent</label>
                </td>
                <td>
                    <input id="percent" type="text" />
                </td>
            </tr>
        </tbody>
    </table>
  • javascript
  • $("#percent").ejPercentageTextbox({
                value: 22,
                enableRTL: true
            });

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