Create a Table
The UI Designer uses a Table to build the layout for the Case UI. Tables can be found in the Containers section of the Control Panel (shown below):
By dragging the Table container into the form view, a window appears where you can determine the size of the table. You can select the table size within the grid on the left, or type in the number of rows and columns on the right (as shown in the figure below). After clicking OK, the table is created. Clicking Cancel will stop the process.
Resizing the Table
There are two options for resizing tables in the UI Designer:
Drag any line of the table to resize the height or/and width of certain table cell(s).
Select any number of table cells by dragging or clicking to show the Table properties in the Properties panel. Then adjust the height and/or width of all the selected cells by modifying the number of pixels for those fields.
.png?sv=2022-11-02&spr=https&st=2026-03-10T15%3A33%3A10Z&se=2026-03-10T15%3A44%3A10Z&sr=c&sp=r&sig=ViLmPzntievkrumGA4FCmabY19nkmWuQXqgXjkTjpbA%3D)
NOTE: Default width and height of table cells are equal to the width and height of its parent element divided by number of table rows and number of table columns.
Table Styling
Follow the steps below to change the table style:
Select the table or click and drag to select table cells where you want to apply style options.
The Table panel slides out on the right side of the window. You have options to change the Background, Border Style, or Cell Style properties, as shown below:
Positioning the Table
Follow the steps below to change the table’s positioning on the page:
Select the entire table (drag the selection over table, or use the Elements menu). Horizontal and vertical handles appear at the middle of the left boundary and at the top boundary of the selection, respectively.
Drag the handles horizontally or vertically to reposition the table inside its parent container:
