Floating Actions

Run mods using buttons that appear as Floating Action icons on the page.

Users can initiate mods with buttons from the PixieBrix Floating Action Button. These are great for launching frequently used mods or utilities.

How to Create a Floating Action

  1. Add a Trigger Starter brick

Use the Trigger starter brick with a Page Load trigger event to register the Floating Action when a page loads.

  1. Add the Floating Action Brick

Click the + button in the Brick Action Pipeline to add the Add Floating Action brick.

  1. Configure the Floating Action

In the Add Floating Action brick:

  • Title: This appears as a tooltip when hovering over the icon.

  • Action Type: Choose static or dynamic actions. (See explanation below.)

  • Icon: Pick one from the dropdown or use a custom icon by pasting a URL to an SVG.

  • Priority: Determines the display order if multiple actions exist. Higher numbers show higher in the list.

  1. Add Your Action Logic

Within the Floating Action’s pipeline, add any bricks you want to run when a user clicks the action.

Static vs Dynamic Actions

Type
When to use
Example Use

Static

For global actions that should always be available

"Start recording" button

Dynamic

For temporary or context-specific controls

"Pause" or "Stop" buttons during a recording action

FAQs

What happens if I register both static and dynamic actions?

Only dynamic actions will be shown. Static actions are hidden whenever dynamic ones are active.

Where does the Floating Action appear?

It appears as a button overlay in the corner of the page (usually center right) with the PixieBrix icon or your team's custom icon.

Can I have multiple Floating Actions?

Yes. Use the priority setting to control their order.

Can I style the Floating Action icon?

You can use a custom SVG icon via URL, which allows full control over the look.

Last updated

Was this helpful?