Live demo — this example is server-driven; run the showcase locally for the interactive version.

Click to edit

Server-driven inline editing. The display view swaps to an edit form on demand; saving PUTs the values back to Quarkus, which persists them and returns the refreshed display fragment. The browser holds no edit state — every step is an HTMX fragment from /api/htmx/click-to-edit.

Examples

Edit a profile inline

Click Edit to swap the read-only view for a form; Save persists, Cancel discards.

Loading…

Documentation

Usage

The server owns the edit lifecycle. The display fragment carries an Edit button that hx-gets the form; the form's Save hx-puts the values and the server responds with the refreshed display fragment. Cancel simply re-fetches the display view — nothing to roll back client-side.

Not a PatternFly component. This is an HTMX interaction pattern composing PF description-list and form markup. For the Alpine-only variant that PatternFly documents as inline edit, see Inline edit.

See the server side in HtmxRoutes.java on GitHub