Button Widget Overview

The Button Widget renders an interactive button in Buildocs UI Engine. Its behavior is determined by the configured Button Type — it can trigger built-in form actions (save, cancel, print) or dispatch custom events to the backend.

Button Types

The widget supports five button types. The selected type defines what happens when the button is clicked and whether a backend event is fired.

Button Type	Behavior
Save	Saves the current form. Fires an onSave event to the backend.
Cancel	Fires an onCancel event to the backend.
Custom	Fires an onClick event to the backend. Use this for any action that requires backend processing.
Print	Fires an onPrint event to the backend.
None	Renders a button with no built-in action. Suitable for display purposes or scripted interactions.

Adding to a Row

1. Open your form in the Form Builder
2. Add a Row to the canvas if one is not already in place — see Building Layouts
3. Locate the Button widget in the component palette
4. Drag the widget into an empty Row segment
5. Open the Properties Panel and set the Button Type

info

Button widgets must be placed inside a Row segment. They cannot be dropped directly onto the canvas.

Next Steps

• Properties — full reference for all button settings
• Button Events — details on backend events fired by each button type