Skip to main content

Canvas

You can edit your screens directly in the Simulator. Widgets can be selected from dropdown lists in the toolbar and placed directly onto the screen. Clicking on a widget, it can be selected, shifted and scaled. You can navigate between screens using the touchpad or middle mouse button to pan across the interface. Zooming is also possible by holding the Ctrl/Cmd key while using the mouse wheel.

  • Moving Screens - It is possible to move screens within the Simulator interface. By holding down the left mouse button on the header of the screen and moving the mouse, you can relocate it anywhere on the interface.

Zoom controls​

Hover over the percentage in the upper right corner of the toolbar to select any zoom level from the menu or input a precise value directly.

  • Current Zoom Level field - Displays the active magnification percentage and allows for custom adjustments
  • Zoom In - Increases canvas magnification for detailed work on specific elements
  • Zoom Out - Decreases magnification to view more of the interface at once
  • Zoom to fit - Automatically adjusts zoom level to display the entire design within the viewport
  • Zoom to 100% - Sets magnification to actual size, offering a true representation of the final interface
  • Show minimap - Toggles a navigation overview in the corner of the workspace, particularly useful for navigating large, complex interface
    • By holding down the left mouse button on the minimap, you can quickly navigate to any area of the canvas, making it especially efficient for large projects.

Play mode​

Play Mode allows you to test your embedded GUI project directly on the canvas. You can access the Play Mode function by clicking the play icon in the toolbar. To stop the simulation, simply click the stop icon.