A text customization

Several tools of the <label> property of the text component are essentials to know if you yan to change your text’s content and form.

After had selected this property, the inspector opens and displays edition otions :

• The double window icon
  click on this icon if you want to enlarge or detach the properties inspector as an indepedant window. This is necessary for the use of some property’s options as for example change the text’s color.

• The window icon with vertical arrow
  to close the window of the properties inspector and attache it anew to Silex, click on this icon.

• The text field
  <new text field> is the default text that you can change easily in the text field.

• The color’s range
  to open the color’s range and change the color, you have to, after had selected your text, click on the colored quadrate then, click on the wanted color, or enter the hexadecimal value in the corresponding field.

• The text’s font
  you have the possibility to change the font of your selected text by clicking on the list arrow of the available fonts, then on the wanted one. Arial, Arial Black and Courrier New are the basis fonts of the text component but you can add new ones via the layerskins.

• Font’s size
  after had selected your text, click on the list arrow of the available sizes, then on the wanted one.

• Bold, Italic and Underlined
  to put your selected text in bold, italic or underlined, you must respectively click on <B>, <I>, and <U> icons.

• Right, centered, left and justified alignment
  to align your selected text right, centered, left or justified, click respectively on the corresponding icons.

• Lists
  if you want to change the selected text into list, click on the corresponding icon.

• Background color of the properties inspector
  it may be necessary to change the background color of the properties inspector, above all if your text has the same color. For that, after had clicked on the colored quadrate or on <site background color>, click on the wanted color or enter the color hexadecimal code in the corresponding field.

To resume it visually :

Your text content may have clickable links thanks to the actions or also dynamic content by using the accessors.

Look at :