Actions management & shortcuts

Scope

UI Bakery actions can be page-specific or global:

• Page-specific actions are executed only on a certain page.

You can easily convert a page-specific action into a global one or the other way around, just by dragging the action to the corresponding folder.

You can also assign a page-specific action to another page, by simply moving it to the global state first and then transferring it to the necessary page.

• Global actions are available across the whole app.

When using a global action, the value it holds will be retained across page navigations by default. This means that if you load some configuration settings using a global action, the settings will be accessible on all pages of the app using {{actions.actionName.data}}.

Folders

Folders offer a handy way of structuring your actions and are especially useful when you have a lot of actions in your application. You can drag actions to different folders as well as remove them. You can also add folders inside other folders - make a nested structure.

Usages

From the Actions panel, under the Usages tab on the right side, you can check where each action is used. Here, you can see whether an action is used in any components, other actions, or references. If you click on a specific component or action, you will be taken to its settings, and you'll be able to make any adjustments if needed.

Hotkeys

During development, all actions can be run using the Ctrl + Enter/Cmd + Enter hotkey.

✔️You can quickly navigate to a certain action using Cmd/Ctrl + click. Simply point to the action name and use the hotkey - it will take you to the selected action. In the same way, you can navigate to components.

✔️For action steps that have a code editor, such as JavaScript Code and SQL Query, the following hotkeys are supported:

• Ctrl + F/Cmd + F - find in code;

• Ctrl + G/Cmd + G - next find result;

• Shift + Ctrl + F/Cmd + Option + F - find and replace;

• Ctrl + L/Cmd + L - jump to a line;

• Ctrl + Alt + L/Cmd + Option + L - format code.