Vev Help Center
Search…
Labeled Image
Enhance the interactivity of your images by placing marker points at custom positions. Markers points can be clicked to toggle visibility of a linked widget in your canvas.
If adding the Labeled Image in a Template, you need to create a project from the template before you can connect the text boxes in the Labeled Image form.

Steps

  1. 1.
    Find Labeled Image component located under the Sections tab.
  2. 2.
    Place the section by clicking on the desired spot on the canvas.
  3. 3.
    Double-click the section to make the widget form pop up.
  4. 4.
    Click the edit icon to add a background image.
  5. 5.
    Set the marker points within the X and Y fields in percentage values. Use the arrow keys to move the circle point by point to accurately place the circle as it updates real-time.
  6. 6.
    Create the text boxes as separate widgets and place them where you want them to appear on click.
  7. 7.
    Connect the widget to the marker points in under Widget in the form.
Make sure you give the text boxes names in the layers, or else you will not be able to connect them to the marker points.
Copy link
Contents
Steps