skills.rest
Lonsdale201
Lonsdale201COMMUNITY
Explore all skills by this author →
WebsiteGitHub

jfb-action-item-decorator

Decorate JetFormBuilder action items with inline UI via the jet.fb.action.item filter.

21|1|Updated Apr 29, 2026
Search Tags:#hooks#wordpress#plugin-development#ui-decorator#action-item#jetformbuilder#editor-augmentation
One-click install
npx skills add https://github.com/Lonsdale201/wp-agent-skills --skill jfb-action-item-decorator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: jfb-action-item-decorator
Source: https://github.com/Lonsdale201/wp-agent-skills/tree/main/jetformbuilder/jfb-action-item-decorator
Command: npx skills add https://github.com/Lonsdale201/wp-agent-skills --skill jfb-action-item-decorator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Wraps JetFormBuilder action items with a customizable UI layer via the 'jet.fb.action.item' hook, enabling quick toggles and panels without modifying each action's own editor.

Core Features & Use Cases

  • Decorates the action editor consistently across all actions in a form.
  • Reads and updates action state (events, settings) via JetFormBuilder hooks without replacing the original editor.
  • Enables per-action toggles, inline labels, or quick configuration shortcuts to speed editing.

Quick Start

Install and enable the decorator in your WordPress environment, then reload the JetFormBuilder editor to see the decorated action items appear.

Frequently Asked Questions about jfb-action-item-decorator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add custom UI elements to JetFormBuilder action items in the editor?▼

You can decorate JetFormBuilder action items with an inline UI layer using the jet.fb.action.item filter to augment the editor without replacing it.

Can I add quick toggles to JetFormBuilder actions without modifying the original editor?▼

Yes, you can wrap JetFormBuilder action items with a customizable UI layer to enable per-action toggles and quick configuration shortcuts without altering the core editor.

What WordPress hooks are needed to read and update JetFormBuilder action settings?▼

Reading and updating JetFormBuilder action state requires using JetFBHooks and JetFBComponents within the jet.fb.action.item filter to access events and settings.

Does the JetFormBuilder action decorator replace the native action editor interface?▼

No, the decorator augments the JetFormBuilder editor consistently across all actions by wrapping items with a UI layer, leaving the original action editor completely intact.

Do I need specific JetFormBuilder editor components to use an action item decorator?▼

Yes, decorating action items requires the editor environment to expose specific hooks and components like useLoopedAction, useActionsEdit, useActions, ActionItemWrapper, and ActionItemBody.

Related Skills

Explore More Software Engineering Skills→
Lonsdale201Lonsdale201
21

jfb-form-sidebar-panel

Bind JetFormBuilder form settings to REST-visible post meta in Gutenberg.

Community
Intermediate
Lonsdale201Lonsdale201
21

jfb-action-messages

Customize JetFormBuilder Form Action messages via PHP and JS hooks.

Community
Advanced
BrainDriveAIBrainDriveAI

bridge-patterns

Define standardized Bridges for plugin-core communication in BrainDrive development.

Official
Advanced
bonnybonny
316

code-quality

Enforce WordPress coding standards for PHP, CSS, and JavaScript.

Community
Intermediate