# Attaching a Suggester - a component with suggestions

*Suggester* This is a special type of external data source used mainly for text fields. Its purpose is to suggest or automatically correct the value entered by the user, according to a specified algorithm. The Suggester works on the server side – when the user enters data and leaves the field, the suggester service can, for example, modify that value (enforcing a specific format, range, etc.) or suggest another one.

**Step-by-step configuration:**

1. **Selecting a component:** Select the component of type **Text field** (TextField) for which the suggestion or correction mechanism is to be enabled.
2. **Selecting the suggester:** In the Properties panel, go to the Interactions section. In the field **External data source** click **Select service**and then select the appropriate **Suggester**from the list of available sources. After attaching it, the suggester identifier should appear in the field (e.g. its name).
3. **Automatic value update:** In the Other text field properties section, select the option **Automatic value update** (autoServerUpdate). This setting causes the value to be sent to the server after each end of field editing (e.g. when leaving the field or losing focus). Thanks to this, the suggester receives the value entered by the user and can return a possibly modified one. If the autoServerUpdate option is not enabled, the suggester will not work – the change in the field value will not be recorded on the server side.
4. **Completing the configuration:** After finishing the configuration, save the changes. From this moment on, the text field will be linked with the Suggester. When the user enters a value and finishes editing it (e.g. moves to the next field), the suggester mechanism will process the entered value. If it requires correction, the system will automatically replace it with the suggested one (e.g. increase it to the minimum allowed value). The Suggester can also display messages to the user – for example, information about the correction made.
5. **Customizing messages:** If the suggester has default messages (e.g. in English), it is worth translating them into Polish. To do this, go to the **Translations** tab in the form editor and find the message keys associated with the given **Suggester**. Then add the appropriate Polish translations.

<figure><img src="https://2112972046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2Ffcri0AiiC4sYasi4hx2Q%2Fimage.png?alt=media&#x26;token=0603409b-040e-486b-bb4a-15d1b0956382" alt="" width="563"><figcaption><p align="center"><em><strong>Figure 1.</strong> Example of a connected suggester in Eximee Designer</em></p></figcaption></figure>

{% hint style="info" %}
Demo form: demoSuggester
{% endhint %}
