Edit texts

Review of text editing actions
This category contains 5 showcases

Play all Edit texts showcases continuously

Change text font style

Styling a text, change font properties

×

Showcase steps

  1. Select all texts
  2. Open text style menu
  3. Apply a font family to selected texts
  4. Select a font family from the more list
  5. Choose a font family
  6. Change font family from properties dialog
  7. Open font family chooser
  8. Click Close
  9. Change font size
  10. Click style tab
  11. Change font style
  12. Click Weight tab
  13. Change font weight
  14. Click Decoration tab
  15. Change text decoration
  16. Choose the fill color
  17. Apply the color
  18. Click gradient tab
  19. Apply a fill gradient
  20. Set text to tranparent
  21. Set stroke color

Play
Set text unselectable

Setting a text as unselectable 

×

Showcase steps

  1. Select text line
  2. Click Select text icon
  3. Click on the arrow to select the text element
  4. Open text style menu
  5. Set Unselectable status on
  6. Open properties dialog
  7. The unselectable status can be set in the text style pane.
  8. The unselectable status is defined bya predefined CSS class assigned to the text
  9. Click OK

Play
Text adjust length

Adjust text length

×

Showcase steps

  1. Select text
  2. Click adjust the length.
  3. Resize the text box.
  4. Edit text properties to enter a length value.
  5. Select geometry panel.
  6. Edit length.
  7. Enter the text length

Play
Text box sizing

Setting the bounding box of a text by forcing line breaks
• existing line breaks are retained
• moving words are grayed out
• arrow keys can be used to control the box

×

Showcase steps

  1. Select a text line
  2. Click the Select text icon.
  3. Click the arrow to select the text element
  4. Click the Text box sizing icon.
  5. Change the size of the rectangle.The gray words outside the rectangle are moved to the beginning of the line.
  6. Press Shift+Arrow to change size, and arrow keys to move text.

Play
Text editor

Using the text editor to format multi-lines text

×

Showcase steps

  1. Click a word of the text.
  2. Click the Select text icon.
  3. Click the Rotate menu icon.
  4. Click the Bold icon.
  5. Click the Text color icon.
  6. Click the Unordered list icon.
  7. Click the Ordered list icon.
  8. Click the Align right icon.
  9. Click the Align center icon.
  10. Click the Align left icon.
  11. Click the Increase indent icon.
  12. Click the Increase line space icon.
  13. Click the Decrease line space icon.
  14. Click the Delete icon.
  15. Click the Add link icon.
  16. Enter the title and URL of the link.
  17. Click OK.

Play