[EN] USEECFC3 - Format an item description with markup and colors

1. On your workspace home screen, click Types. Then open the category that has an HTML field set up
2. To open the item, expand the actions menu and click Access
3. The Rich description field brings the editor. The top bar gathers undo and redo, text style, bold, italic, underline, strikethrough, code, colors, alignment and insert
4. You do not need the bar to format: type ## followed by a space and the line turns into a heading right away. The editor converts the markup while you write
5. The same conversion works for bold, with two asterisks on each side of the text. It works in a paragraph; inside a heading it does not convert, because there bold would already be redundant
6. A hyphen followed by a space opens a bulleted list, and Enter carries the list on by itself
7. Select the text you want to color. On selecting, a floating bar appears over the text with the most used formatting
8. For the color, use the color control on the top bar. It opens a single menu, with Text Color and Highlight Color
9. Text Color paints the letter and Highlight Color paints the background, like a highlighter. Each name is written in its own color, which works as a preview. Here we chose Blue for the text
10. The text turns blue right away. Save the item: the notice confirms the save and the date in ATUALIZADO EM changes in the left column
11. On the item screen, Text Color and Highlight Color bring seven colors each, plus Default. For any other color, the full control is in the field configuration. Open Settings in the left side menu
12. Under Structure, open Types and choose the same category as the item
13. Open Fields: this is where each field of the category is configured
14. In the Actions menu of the HTML field, choose Update
15. The field edit screen brings the Preview Field, which is a real editor: you can test the formatting without saving anything. Notice that the bar here is more complete than the one on the item screen
16. Write an example text and select the part that will get the color
17. Open the font color control. The button to its left is the highlight, which has its own palette and is not to be confused with this one
18. Besides the six samples, there is a checkered bar above them. That is what opens the full picker
19. The picker brings the saturation and brightness square, the hue strip, the opacity strip and the HEXA field. Choose the tone on the hue strip
20. Click the square to settle the choice. The HEXA field fills in by itself with the color code, so you do not have to type it
21. The Formatted Value line shows the generated HTML, with the color applied as the style of the text. It is the confirmation that the color went into the content, and not only onto the screen

[EN] USEECFC3 - Format an item description with markup and colors

1. On your workspace home screen, click Types. Then open the category that has an HTML field set up

2. To open the item, expand the actions menu and click Access

3. The Rich description field brings the editor. The top bar gathers undo and redo, text style, bold, italic, underline, strikethrough, code, colors, alignment and insert

4. You do not need the bar to format: type ## followed by a space and the line turns into a heading right away. The editor converts the markup while you write

5. The same conversion works for bold, with two asterisks on each side of the text. It works in a paragraph; inside a heading it does not convert, because there bold would already be redundant

6. A hyphen followed by a space opens a bulleted list, and Enter carries the list on by itself

7. Select the text you want to color. On selecting, a floating bar appears over the text with the most used formatting

8. For the color, use the color control on the top bar. It opens a single menu, with Text Color and Highlight Color

9. Text Color paints the letter and Highlight Color paints the background, like a highlighter. Each name is written in its own color, which works as a preview. Here we chose Blue for the text

10. The text turns blue right away. Save the item: the notice confirms the save and the date in ATUALIZADO EM changes in the left column

11. On the item screen, Text Color and Highlight Color bring seven colors each, plus Default. For any other color, the full control is in the field configuration. Open Settings in the left side menu

12. Under Structure, open Types and choose the same category as the item

13. Open Fields: this is where each field of the category is configured

14. In the Actions menu of the HTML field, choose Update

15. The field edit screen brings the Preview Field, which is a real editor: you can test the formatting without saving anything. Notice that the bar here is more complete than the one on the item screen

16. Write an example text and select the part that will get the color

17. Open the font color control. The button to its left is the highlight, which has its own palette and is not to be confused with this one

18. Besides the six samples, there is a checkered bar above them. That is what opens the full picker

19. The picker brings the saturation and brightness square, the hue strip, the opacity strip and the HEXA field. Choose the tone on the hue strip

20. Click the square to settle the choice. The HEXA field fills in by itself with the color code, so you do not have to type it

21. The Formatted Value line shows the generated HTML, with the color applied as the style of the text. It is the confirmation that the color went into the content, and not only onto the screen