ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Controls, windows and pages / Page
  • Overview
  • How to?
  • Typing captions in rich text
  • Editing the HTML code of captions
  • Handling the rich or HTML caption of controls through programming
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
Rich text, links and images in the WEBDEV controls
Overview
Rich text supports multiple advanced features: font, weight, size, color, attribute, ...
You can use rich text in many controls:
  • Edit
  • Combo Box
  • List Box
  • Check Box
  • Radio Button
  • Link
The rich text can correspond to:
  • the caption of control.
  • the caption of options (for the Radio Button or Check Box controls for example).
Example:
A Radio Button control whose options include rich text
How to?

Typing captions in rich text

To use rich text in the caption of control:
  1. Select the control in the page.
  2. Right-click to open the context menu of the control and select "Edit caption".
  3. The control caption switches to "Edit" mode: a yellow border appears around the selected caption.
  4. You have the ability to customize the enrichment via the "Text" pane that appears in the ribbon:
    You can for example:
    • Customize the text formatting.
    • Add a link.
    • Add an image.
  5. To validate, click anywhere in the page.
For example:
  • A Static control containing a link:
    A Static control containing a link
  • An edit control whose caption contains a link:
    An edit control whose caption contains a link
  • A Check Box control whose title is in bold and whose option caption contains a link:
    A Check Box control whose title is in bold and whose option caption contains a link
  • A Radio Button control whose title is in bold and whose option caption contains a link:
    A radio button whose title is in bold and whose option caption contains a link.
  • A request for email, with a red star:
    A request for email, with a red star
Remarks:
  • To make the caption editable, you can also:
    • click the control twice in the editor.
    • click "Edit with formatting" in the "General" tab of the control description window.
  • To edit an option of a Radio Button or Check Box control:
    • from the editor, select the control and click the desired option: the option becomes editable.
    • go to the control description window, "Content" tab, select the desired option and click "Edit with formatting".

Editing the HTML code of captions

You have the ability to edit the HTML source code of captions from WINDEV. This allows you to modify the generated HTML code, to add your own HTML code and include a specific effect for example, etc.
To edit the HTML code of a caption:
  1. Select the control in the page.
  2. Open the control description window (select "Description" in the context menu).
  3. In the "General" tab, click "Edit HTML code".
  4. The HTML code editor appears. You have the ability to modify the HTML code.
Remarks:
  • If possible, the modifications performed in the HTML code editor are visible in WYSIWYG in the page editor. The advanced HTML codes (animation type) are not visible.
  • The HTML code editor allows you to type HTML code containing JavaScript functions. For more details, see HTML Editor.

Handling the rich or HTML caption of controls through programming

To handle the rich text of controls through programming (caption of control or caption of options), use CaptionHTML.
Minimum version required
  • Version 20
Comments
Click [Add] to post a comment

Last update: 06/12/2023

Send a report | Local help