Text Property Editor

The Text Property Editor in Servoy is a versatile tool used across multiple components to customize text properties. This editor allows developers to set plain text, i18n (internationalization) keys, and HTML markup for various properties like tab titles, tooltips, column headers, and more. The Text Property Editor is accessible through components such as Accordion Panel, TabPanel, TextBoxGroup, Label, Data Label, Data Grid, Power Grid and Table.

How to Use the Text Property Editor

The Text Property Editor consists of three tabs: Text, i18n, and HTML Preview.

Text Tab:

Allows you to enter plain text or use tags to include dynamic content from data providers like table columns, form variables, and scope variables. Example: Entering Product details will display this static text.

i18n Tab:

Enables the selection of internationalization keys for locale-specific text. You can filter and choose the appropriate i18n key that corresponds to the desired text. Example: Selecting the key i18n:products will display the localized value for products.

HTML Preview Tab:

Allows you to enter and preview HTML markup to customize the display of text. Useful for incorporating HTML elements such as spans, divs, and other tags to format the text. Example: Entering Product details will display the text with the specified HTML styling.

Steps to Use the Text Property Editor

Accessing the Editor:

Double-click the text property field of the component you want to edit, or select the property and click the button to open the Text Property Editor.

Editing Text:

In the Text Tab, enter plain text or dynamic tags as needed. This can include direct text input or placeholders for dynamic content from your application's data providers.

Using i18n Keys:

Switch to the i18n Tab to select internationalization keys. Use the filter to find the desired key and select it to apply locale-specific text to your component.

Adding HTML Markup:

Use the HTML Preview Tab to enter and preview HTML markup. This is useful for applying custom styling or adding HTML elements to format the text. Ensure the HTML is valid and correctly formatted for the desired output. Saving Changes:

Once you have finished editing, click OK to save your changes and apply them to the component.

By following these steps, you can effectively use the Text Property Editor to customize and enhance the text properties of various components in your Servoy applications.

Last updated