Canvas

_images/iu_manual_canvas.png

Canvas is the preview of the website. The structure designed on the canvas by adding widgets will be shown in the web page.

`How to add widgets to canvas`_


Context Menu - Single Widget

_images/iu_manual_canvas_context_single.png

After selecting a single widget in canvas, right-click to open the Context Menu. Below are information and functions in the Context Menu.

  • Widgets : Shows the whole widgets placed at the current position of the mouse pointer.

_images/iu_manual_canvas_context_single_widget.png
  • Add Memo : Opens Memo Panel where you can add memo about the selected widget.

  • Export to Widget : Opens Export Widget Panel that is used to export Custom Widget .

  • Show Event : Opens Event Panel that allows us to add an event to the selected widget and later make adjustments on events

  • Select Tab : Switches Property panel on the top to the selected `Tab`_


Context Menu - Muiltiple Widgets

_images/iu_manual_canvas_context_multi.png

After selecting multiple widgets in canvas, right-click to open the Context Menu.

  • Align : Aligns the selected widgets according to the option chosen : Align Left / Align Center / Align Right / Align Top / Align Middle / Align Bottom

_images/iu_manual_canvas_context_multi_align.png
  • Size : Fixes the size of the selected widgets according to the option chosen : Match Width / Match Height

_images/iu_manual_canvas_context_multi_size.png