Random Box Template Settings
Entering
Double-click the Random Box area in the design editor with your mouse, or select the Random Box layer group in the right Layers panel to open the Random Box settings panel in the left settings panel.


Setting Option
In the Setting Option section of the Random Box settings panel, you can set the total number of winning prize types for the Random Box promotion.

In Select Group Quantity, you can set the total number of winning prize types offered in the Random Box promotion.
- You can set from a minimum of 1 prize to a maximum of 30 prizes.
- Based on the configured Select Group Quantity, prize sub-objects (Submit Button 1, Submit Button 2...) are created under the Random Box layer in the right Layers panel.
- If the configured Select Group Quantity is reduced, the previously created prize sub-objects (Submit Button 1, Submit Button 2...) under the Random Box layer are deleted according to the number of prize types removed.


Position
To set the selected Random Box area’s Align, Location, and Layer Order, use the Position section in the Random Box settings panel.

Click the alignment icon button in the Align section to align the selected item based on left, center, right, top, middle, and bottom.

In the Location section, you can set the selected item’s X/Y position coordinates.
- You can move it directly to the desired X/Y position by dragging and dropping with the mouse.
- You can also set the selected item’s X/Y position coordinates using keyboard shortcuts.
| Function | Window | MAC |
| Move Up by 1px | Up(↑) | Up(↑) |
| Move Down by 1px | Down(↓) | Down(↓) |
| Move Left by 1px | Left(←) | Left(←) |
| Move Right by 1px | Right(→) | Right(→) |
| Move Up by 10px | shift + Up(↑) | shift + Up(↑) |
| Move Down by 10px | shift + Down(↓) | shift + Down(↓) |
| Move Left by 10px | shift + Left(←) | shift + Left(←) |
| Move Right by 10px | shift + Right(→) | shift + Right(→) |

In the Layer Order section, you can set the front/back stacking order of items on the Canvas relative to the selected item (Forward, Backward, To front, To back).
- Forward : Moves the selected item one step forward
- Backward : Moves the selected item one step backward
- To front : Moves the selected item to the very front among all items on the Canvas
- To back : Moves the selected item to the very back among all items on the Canvas
- You can also set the front/back stacking order of items in the editor by dragging and dropping with the mouse in the right Layers panel.
- You can also set the front/back stacking order among selected items using keyboard shortcuts.
| Function | Window | MAC |
| Move Forward One Step | Ctrl + ] | ⌘ + ] |
| Move Backward One Step | Ctrl + [ | ⌘ + [ |
| Bring to Front | Ctrl + shift + ] | ⌘ + shift + ] |
| Send to Back | Ctrl + shift + [ | ⌘ + shift + [ |

Size
Use the Size section in the Random Box settings panel to set the selected item’s size values (width, height).
- When the item is selected, you can resize it by dragging with the mouse the visible corner and control points.
| Function | Window | MAC |
|
Freely Resize |
Drag Corner | Drag Corner |
|
Resize Proportionally |
Shift + Drag Corner | Shift + Drag Corner |
|
Resize Width/Height |
Drag Edge Handle | Drag Edge Handle |
