Call me back | My basket | Checkout | Add to email list

     You are here: Website » Knowledge base

« back to website

UserInterface / DesignPane

Design pane

The design screen has two scales, called x-axis and y-axis. The zero point (origin) of both x and y axes are in the top left corner of the design window. As you go to the right on the x scale, the values get larger and are positive. As you go down from zero on the y scale the values get larger and are positive. The maximum x and y values depend on the resolution of the overlay that can be selected using the view menu.

To get coordinates of a point, move the mouse over the design area and look at the bottom left corner of the status bar of the Advanced overlay editor.

The width/height ratio of the design area automatically get adjusted to suit the screen size of the selected overlay type - HD 1080p (1920 X 1080) or WVGA (800 X 480).

By right clicking on an unoccupied location of the design area – i.e. a location that doesn’t contain a control – the user can bring up a context menu. This menu contains the following items:

  • Add control – Sub menu items of this menu contains the different controls that can be added to the design pane
  • Cut – This will always be disabled
  • Copy – This will always be disabled
  • Paste – This will be enabled if a cut or copy operation was performed previously. Selecting Paste causes the copied control to be pasted into the current location.
  • Delete – This will always be disabled


When a control has been placed in the design area, you can bring up a context menu by right clicking on the body of the control. The menu items of the context menu are as follows:

  • Cut – This allows you to cut the control
  • Copy – This allows you to copy the control
  • Paste – This will always be disabled
  • Delete – This will delete the control from the design area
  • Properties – This brings up a properties form that can be used to edit the properties of the control.

When the mouse is hovered over the border of a control in the design area, the mouse icon will change from a ‘normal select’ icon to a ‘move’ icon:

When this happens, you will be able to pick up and move the control by holding down the left mouse button. The control will be "dropped" when the mouse button is released.

Page last modified on May 18, 2021, at 05:20 PM