PC SOFT

ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
  • Overview
  • Managing images
  • Inserting an image
  • Insert a clipart
  • Displaying the properties of an image
  • Managing videos
  • Inserting a video
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
Inserting an image or video into a help page
Overview
It can be useful to use images or videos in help pages to explain the actions to be done, indicate which buttons must be used, etc.
In addition to "plain" images, you can insert clickable images into the help pages: when the user clicks the image (or a section of the image), a specific help page can be displayed (as a page or as a popup).
Managing images

Inserting an image

To insert an image into a help page:
  1. In the help page, position the cursor where the image must be inserted.
  2. On the "Modification" tab, in the "Edit" group, click "Image".
  3. In the file explorer, select the image to insert in the help page and confirm.
  4. If necessary, confirm you want to copy the image to the project directory.
  5. The image description window appears:
    Image description window
  6. If necessary, define clickable areas in the image:
    • Click the "New" button.
    • Specify the link associated with the clickable area. For more details, see Properties of a link.
    • Define the clickable area with the mouse or with the "Clickable area parameters" controls.
    For more details on this window, see Properties of an image.
  7. Validate. The image is included in the help page. It can be resized with the selection handles.
Remark: You can also select "Insert an image" in the context menu of the help page.

Insert a clipart

To insert clipart into a help page:
  1. In the help page, position the cursor where you want to insert the clipart.
  2. On the "Modification" tab, in the "Edit" group, click "Catalog".
  3. The image catalog opens, allowing you to select the image to display.
  4. Confirm the image selected in the catalog.
  5. The image description window appears:
    Image description window
  6. If necessary, define clickable areas in the image:
    • Click the "New" button.
    • Specify the link associated with the clickable area. For more details, see Properties of a link.
    • Define the clickable area with the mouse or with the "Clickable area parameters" controls.
    For more details on this window, see Properties of an image.
  7. Validate. The image is included in the help page. It can be resized with the selection handles.

Displaying the properties of an image

To display the properties of an image:
  1. Select the image.
  2. Select "Image properties" in the context menu.
For more details, see Properties of an image.
Managing videos

Inserting a video

To insert a video into a help page:
  1. In the help page, position the cursor where you want to insert the video.
  2. On the "Modification" tab, in the "Edit" group, click "Video".
  3. In the window that appears, select the video you want to insert into the help page and confirm.
    Remark: The video file path can correspond to a video accessible from the current computer (mp4 or WebM file) or to the address of a video (YouTube or other).
  4. If necessary, confirm you want to copy the video to the project directory.
  5. The video is integrated into the help page. It can be resized with the selection handles.
Remarks:
  • Videos are only available for HTM and PDF help pages.
  • You can also select "Insert a video" in the context menu of the help page.
  • You can change the video via the video properties ("Video properties" option in the context menu).
Minimum version required
  • Version 9
Comments
Click [Add] to post a comment