Layout editor


The layout editor aids you in making a visual representation of the serving area including tables and other physical elements such as bars, windows, columns, stairs etc. The layout editor is, therefore, able to represent two types of objects: tables and elements (anything spatially significant which is not a table). 

Layout editor provides: 

  • Multiple tables sizes and shapes 
  • Precise table positioning using coordinates
  • Table rotation
  • Editing the dimensions of table area surface

The layout editor can be accessed from the Settings -> Layouts section by clicking on the LAYOUT EDITOR button next to the layout created in the previous step.





The layout editor can be functionally separated into three segments. 


1. The horizontal ribbon with function buttons. 




2. The middle section with a graphical representation of the table layout. 



3. The vertical column on the right-hand side, which allows the editing of the properties of the currently selected element. 





Adding tables to the layout 


Initially created tables on a new table plan will appear on the layout editor when you open it. Tables will by default be 100x100 in a square shape with 0o rotation. Their position, dimensions and rotation angle can be changed by clicking on individual tables and changing the values in the Element properties menu. Arranging tables on the layout can be done by drag&drop method or by using the position coordinates in the Element properties menu. 


Adding additional tables and elements 


New tables need to be first created on the table plan and then added on the layout editor. 

1. Click on the + button in the upper left corner in order to add a new element. 

2. By default this will create a new element on the layout. 

3. In order to add a table instead of an element, please click on the Table drop-down menu in the Element properties. 




4. Select the table you want to add from the dropdown menu. 

5. Select the element type (rectangle or ellipse). 

6. Position of the element can be precisely adjusted by entering its X and Y coordinates. 




Element label Name of displayed on the element, or name of the table. 
Element type Rectangle or elipse. 
Table  Dropdown menu with created tables to be added to the layout. 
Position (X and Y)  Horizontal and vertical positioning of the table. Tables can be moved with drag&drop or with entering the exact coordinates. 
Dimensions (Width and Height) The width and height of the table measured in pixels. A table can be resized by dragging the red square in the corner of the table, or by entering the exact values for width and height in fields. 

The rotation of the table. If the red circle is exactly at 12 o'clock position the table is at 0o rotation. A table can be rotated by dragging the red circle to the desired position or by entering the exact value for the rotation angle. 




Layout name Name of the layout which will be displayed when switching between different table areas in the application. 
Width Width of the table area measured in pixels.
Height Height of the table area measured in pixels.


Layout properties can be accessed by clicking on empty space on the layout surface. 


After you are done with the editing of the layout click on the Save button in the upper right corner of the Function ribbon. 

Have more questions? Submit a request