FLDraw Interactive Image Creator  >  User Guide  >  Shape Properties Dialog Box

Shape Properties Dialog Box

This dialog box allows you to customize a shape and change its properties.

Properties Tab
Interactive Image Creator - Shape Properties Dialog Box / Tab 1
  1. Specifies the width of the shape.
  2. Specifies the height of the shape.
  3. Keeps the original height and width proportion.
  4. Specifies the rotation angle of the shape.
  5. Allows you to change the shape style.
  6. Allows you to change the shape style for the Over state (when the pointer is over the shape element).
  7. Allows you to change the shape style for the Down state (when the user clicks on the shape element).
  8. Specifies whether the shape is filled with a color.
  9. Specifies the fill color.
  10. Specifies the opacity of the fill color.
  11. Specifies whether the shape has an outline.
  12. Specifies the outline color.
  13. Specifies the opacity of the outline color.
  14. Specifies the thickness of the shape outline.
  15. Displays a preview of the shape with the changed properties applied.

 

Events Tab
Interactive Image Creator - Shape Properties Dialog Box / Tab 2
  1. Specifies whether the shape element should receive mouse/touch events.
  2. Allows you to specify what to do when users move the mouse pointer over the shape element:
    1. Tooltip: Display a tooltip box.
    2. Info Box (Text): Display a text-only info box.
    3. Info Box (Image): Display an image-only info box.
    4. Pop-up Box: Display a custom pop-up box.
    5. HTML Pop-up Box: Display an HTML pop-up box.
  3. Allows you to specify what to do when users click on the shape element:
    1. Info Box (Text): Display a text-only info box.
    2. Info Box (Image): Display an image-only info box.
    3. Pop-up Box: Display a custom pop-up box.
    4. HTML Pop-up Box: Display an HTML pop-up box.
    5. Link: Open a URL.
    6. JavaScript Function: Call a JavaScript function.
    7. Pan & Zoom: Pan and change the zoom factor.