Design Notes

Button Design manages the operation buttons of one form. It controls which buttons are enabled, where buttons appear, how buttons are displayed, and which Studio scripts run when a button is clicked.

Use Button Design when a form needs custom business actions, adjusted preset buttons, display conditions, or click scripts.

Open Button Design

1. Open Work > Forms
2. Select a form
3. Click Button Design in the form details area

The page opens for the selected form and shows the current form name in the title.

Page Structure

Button Design is a grouped button table.

Area	Purpose
Button Groups	Groups buttons by runtime placement, such as list header, row actions, form header, or search modal
Button Rows	Shows button name, applicable pages, display mode, button type, style, order, status, and actions
Button Drawer	Edits button parameters, scripts, applicable pages, and display conditions

What You Can Configure

Configuration	Description
Preset Buttons	Built-in buttons such as search, filter, refresh, new, save, submit, print, export, delete, and view
Custom Buttons	Buttons created for form-specific business actions
Button Status	Enables or disables a button
Display Mode	Shows a button directly or folds it into more actions
Button Type	Uses a task button or an interaction button
Style	Sets button variant and color
Order	Controls the order within the same placement and page scope
Applicable Pages	Controls whether a button appears on list, view, new, or edit pages
Studio Scripts	Runs scripts before click, on custom action, or after click
Display Conditions	Shows a button only when configured conditions match

Common Workflow

1. Find the button placement group
2. Create a custom button or edit an existing button
3. Set the display name, status, order, display mode, type, style, and color
4. Select applicable pages
5. Add display conditions when the button should appear only in certain cases
6. Select Studio scripts when the button needs runtime logic
7. Save the button design