Rich text widget allows to add formatted text and images to qalcwise apps.
Following formatting options are available:
- Font family
- Font size
- Borders, style, and color
- Text color
- Background color
- Text decorations (bold, italic, strikethrough, underline)
- Code
- Code block
- Lists
- Indentation
- Alignments
- Page breaks
- Insert/Edit links
- Insert field
- Images
Rich text editor widget
Depending on whether the widget is editable (checkbox in its properties), a user interacting with it will see it differently. For a non-editable widget, the content set in the designer will simply be displayed. However, for an editable widget, the content set in the designer will be default, and the user will have the ability to freely edit the content.
Style - Ritch text
New styles section available since version 2.2
Section:
- We can choose a style from the list or specify it using a formula.
- Border settings:
- Using the border options, we can set its parameters (top, bottom, left, and right) by selecting the appropriate color and rounded edges.
- Adding section shadow:
- By adding a shadow to the section, we have the option to adjust its color
- By adding a shadow to the section, we have the option to adjust its color
- Toolbar:
- We can choose a style for the toolbar background from the list of styles or calculate it using formulas. Additionally, we can assign a color to the content, set borders, and save the style.
- Button:
- We can choose a style for the toolbar icons from the available list of styles or calculate it using formulas. Alternatively, we can independently assign a color and border. After determining the preferred style, we can save it for later use.
- Button (hover):
- Style options can be specified similarly to the button, with the difference that the style will be applied when hovering over the button.
- Text:
- We can select a style for the text content from the list of styles or calculate it using formulas. Additionally, we can assign a color to the content, set borders, and save the style.
Next to each style property, there is an icon thet allows you to:
- reset the applied style
-save the selected style
-modify a previously saved style
0 Comments