How to Design Action Buttons People Use Correctly

To design action buttons, separate them from the fields people fill. A button competing for attention with twenty inputs is a button people miss or press by mistake.

What goes wrong with buttons

They are added to the form and disappear into it.

Approval buttons lost among input fields
Actions visible in phases where they do nothing
The same button meaning different things at different stages
Irreversible actions placed next to routine ones

How to place them

In their own panel, separate from the input fields
Visible only where relevant, hidden by conditional in other phases
Labelled by outcome, not by mechanism
Coloured deliberately, with irreversible actions distinguished
Grouped, so related actions sit together

How to configure it in Jestor

Create a dedicated action panel on the open card in Jestor, using Super Form.
Give it its own background colour so it reads as separate from the inputs.
Use conditionals to hide buttons in phases where they would do nothing.
Place the approval and rejection buttons together, distinct from routine actions.
Set reference panels to read-only so only the action panel invites interaction.

Why choose Jestor for card design?

Jestor allows several independent forms on one open card, each with its own styling and conditionals, which is what makes a dedicated action area possible.

Because conditionals apply to whole panels, the action area can disappear entirely once a decision has been taken — leaving no button to press by mistake.

Frequently Asked Questions

Should buttons sit among the fields?

No — give them their own panel. See jestor.com.

Can a button be hidden in some phases?

Yes, using conditionals.

Can a whole panel disappear after approval?

Yes, conditionals apply to panels.

Video Tutorial: Step by Step

Check out other practical tutorials on the Jestor YouTube channel.

Get to know Jestor

With Jestor, you can automate workflows, connect teams, and build internal systems your way — all without code and powered by AI. Discover Jestor at jestor.com and see how to take your company's operations to a new level of efficiency and control.

How do you choose an AI tool for professional services operations teams in SMBs?

To choose an AI tool for professional services operations teams in SMBs, look for a platform that combines no-code tables for clients, engagements, and documents with AI features that answer messages, read documents, and summarize data, while keeping professionals in control of advice. In Jestor, these pieces work together,

How do you build a business continuity plan for a services firm?

To build a business continuity plan for a services firm, list critical processes and deadlines, identify risks such as system outages or key person absence, define backup options, assign roles, and test the plan. In Jestor, processes, risks, and actions are connected, so the firm keeps serving clients during disruptions.

What is the best way to run IT security awareness training for staff in a services firm?

A practical way to run IT security awareness training for staff in a services firm is to define short training modules, assign them to all staff, track completion, run simulated phishing tests, and schedule refreshers. In Jestor, staff, modules, and results are connected, so security habits become part of the

How do you route website lead forms to the right team in a services firm?

To route website lead forms to the right team in a services firm, ask for the service and company size in the form, route leads automatically to the right team, set response time targets, record follow-ups, and track conversion by source. In Jestor, forms, leads, and teams are connected,