The action panel — 6 control types

What an action bar is

Where JustZix's first bar is for switching rules on and off, the action panel is more than toggles. It is a set of interactive controls you use to drive a page while you work — running code on demand, feeding it values and switching modes.

The bar is pinned to a folder, group or rule set. When that folder is active on the current page, its actions appear in the floating panel; when it does not match, the panel stays empty. So a shop page shows different controls than an admin dashboard. The bar remembers its position, and a right-click hides it for the rest of the session.

Six control types

Every action has a label, a color and an optional keyboard shortcut. You pick one of six types depending on what you need:

• BUTTON — a fire-and-forget button; a click simply runs JS code.
• SELECT — a dropdown; static options or JS-generated ones, and picking one fires the action.
• INPUT — a single text field in command-bar style; you type a value and confirm.
• SLIDER — a slider that drives a CSS variable live, such as page brightness or zoom level.
• TEXTAREA — a multi-line scratch pad whose content is remembered separately for each domain.
• TOGGLE3 — a three-state segmented control, ideal for modes like dev / staging / prod.

From a plain click to an input value

The simplest type is BUTTON — one target, one click. SELECT and TOGGLE3 add choice: instead of a separate button per variant you keep one control with several states. INPUT and TEXTAREA go further and accept text you supply in the moment — the action's code reads that value and does whatever you designed with it.

SLIDER is the odd one out because it works continuously: drag the handle and the linked CSS variable changes instantly, with nothing to confirm. It is the natural pick for adjustments you want to see in real time.

Actions run code on demand

Behind every control sits a small snippet of CSS or JavaScript. The difference from a normal rule is that a rule runs automatically on page load, while an action waits — it runs only when you use it. That is perfect for operations you do not want every time: clear a form, generate test data, flip a theme, send the page to another tool.

Because action code runs in the same world as rules, it has access to the page DOM and to the JustZix globals, so one button can trigger a multi-step workflow. The action panel turns a static set of rules into a small control desk fitted to the page.