UTF characters not stored or displayed properly after saving dialog

Touch ui dialog text field with sling:resourceType=granite/ui/components/coral/foundation/form/textfield incorrectly converts Latin characters. For example, "Eléctricos" gets saved as "ElÃ©ctricos".

This issue applies to many international language characters.

The default character encoding used by Sling is not UTF.

To force the dialog to save data in UTF character encoding, you can add a hidden element to the dialog form (solution A) or set default encoding to UTF-8 (solution B).

A. Add a hidden element to the dialog form

Go to http://aemhost/crx/de/index.jsp and log in as admin

Go to your dialog node, for example, /apps/sitename/components/content/customtext/cq:dialog/content/items/settings/items/columns/items/displayAs/items

Create a subnode charset with the following properties:

sling:resourceType (String) = granite/ui/components/coral/foundation/form/hidden
ignoreData (Boolean) = true
name (String) = _charset_
value (String) = utf-8

Alternatively you can copy a similar node from the /libs directory. For example, this node /libs/cq/personalization/touch-ui/content/commons/createpagewizard/jcr:content/body/items/form/items/charset

Click Save All

B. Set the default character encoding to UTF-8

Go to http://aemhost/system/console/configMgr/org.apache.sling.engine.parameters and log in as admin

Set Default Parameter Encoding to UTF-8

Click Save

Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices | Online Privacy Policy

UTF characters not stored or displayed properly after saving dialog

Issue

Cause

Resolution

Ask the Community

Contact Us