internationalization.html

<div class="col-lg-8 control-section">
    <div class="content-wrapper">
        <input id="numeric" type="text" />
        <input id="percent" type="text" />
        <input id="currency" type="text" />
    </div>
</div>

<div id="action-description">
    <p>This sample demonstrates the globalization support of the Numeric TextBox. Change the locale values from culture drop-down to change the currency symbol, decimal separator, and group separators format of Numeric TextBox.</p>
</div>

<div id="description">
    <p>
        The NumericTextBox comes with built-in internationalization support to adapt based on the culture. You can change the culture
        of the component using the
        <a href="http://ej2.syncfusion.com/documentation/numerictextbox/api-numericTextBox.html#locale-string" target="_blank">locale</a> property,
        that format the currency symbol, decimal separator, and group separators.
    </p>
    <p>In this demo, NumericTextBox control renders with the German culture.</p>
    <p>
        More information on the internationalization configuration can be found in the
        <a href="http://ej2.syncfusion.com/documentation/numerictextbox/internationalization.html" target="_blank"> documentation section</a>.
    </p>
</div>
<div class="col-lg-4 property-section">
    <table id="property" title="Properties">
        <tr>
            <td>
                <div>Culture</div>
            </td>
            <td>
                <div>
                    <!-- Drop down option to switch cultures -->
                    <select id="cultures" class="form-control">
                        <option value="de">de</option>
                        <option value="zh">zh</option>
                        <option value="en">en</option>
                    </select>
                </div>
            </td>
        </tr>
    </table>
</div>

<style>
    .property-panel-content {
        padding: 0 10px 10px 0;
    }
    
    .content-wrapper {
        width: 50%;
        margin: 0 auto;
        min-width: 185px;
    }
    
    .e-float-input.e-numeric.e-input-group {
        margin-top: 40px;
    }
</style>