Customize Localizations to Improve Usability
Localizations let you customize how your application communicates. In addition regional settings for numerical, currency and time display formats, all default messages in Caspio can be customized using both plain text and HTML.
Not only can you change the default wording, but also add graphics and links to further improve the overall user experience (UX).
Localizations can be used to:
- Increase user stimulation with graphics
- Avoid dead-ends – a page or interface that forces the user to press the back button.
- Provide a clear usage path such as an “Add Record” link when no records are found.
How To customize a Localization:
In the Caspio Bridge Explorer window select Localizations from the objects panel. Make a copy of your default localization to keep in case you would like to revert back to that version later.
The first screen allows you to rename the Localization and set it as the default.
The second screen allows you to see which DataPages are assigned to the current Localization. Using this screen you can change the localization of multiple DataPages at one time using the checkbox column at the far left.
On the final screen you can customize individual messages. Select the message you would like to customize and click the Enable Custom Text checkbox.
In the custom text panel you can insert text and HTML (and inline JavaScript).
Here are some ideas that have proven helpful.
Add links and images to messages:
View live example.
<div>
<a href="">Option 1</a>
<a href="">Option 2</a>
<a href="">Option 3</a>
</div>
Add a popup alert to error messages
Popup alert messages are very effective for getting your users attention to pass on information. However, they can become irritating if used too often because there is no way to disable them in most browsers. Use them sparingly.
alert("Alert Text");
</script>
Automatically redirect a user instead of displaying a message
Occasionally the best option is to redirect the user’s browser. This can be especially useful if you have a personalized link to a Single Record Update Form. If the record no longer exists, you can redirect your user directly to a form to create a new one.
window.location.href = "http://URL of Redirect Location";
</script>
