# Localise numbers

In this tutorial, we show you how to specify separator characters used when formatting numbers.

Before starting this tutorial you should create a new **app** with a **bladeset** and a single **blade**.

## Create a Number

We will be using the **workbench** generated for a newly created blade for this example. Let’s get a simple Number object into our blade.

```js
test.blades.mytestblade.ExampleClass = function()
{
    var sMessage = caplin.i18n.Translator.getTranslator().formatNumber(4012.5);
    this.message = new caplin.presenter.property.Property(sMessage);    
}
```

Refreshing your workbench should now show the number as the message.

## Specify Separator Characters

Use these properties in your **i18n** file at $APP_ROOT/resources/i18n/en/**en.properties**:

<table>
<thead>
<tr>
<th>Property</th>
			<th>Description</th>
			<th>Example</th>
		</tr>
<tr></tr>
</thead>
<tbody>
<tr>
<td><code>ct.i18n.decimal.radix.character=.</code></td>
			<td>Decimal radix character</td>
			<td>4.2</td>
		</tr>
<tr>
<td><code>ct.i18n.number.grouping.separator=,</code></td>
			<td>Number grouping separator</td>
			<td>3,000,000</td>
		</tr>
</tbody>
</table>

If you use the settings in the table, then the example will now look like this, with a comma separating the thousands, and the decimal separator is a dot (or" "period" if you prefer).

![i18n-number](../../../images/i18n-number.png)