Fluent Commerce Logo
Docs
Sign In

User Action: Inline

UI Component

Changed on:

19 Oct 2023

Overview

The inline user action generates a form from a workflow-configured user action and places it directly into the page as a card.

This is useful when the main reason for a page existing is to trigger that user action, especially when coupled with the conditional component to create a wizard-like flow.

No alt text provided
Plugin NameCore

The standard library of mystique components. 

0000-00-00

v1.0.0

Initial changelog entry.

Alias

fc.action.inline

Detailed technical description

n/a

Properties

Name

Type

Required

Default

Description

name

`string`

yes


Name of the User Action to show in the card. If there is no user action of this name on the current entity, the card will not show.

highlight

`MystiqueThemeColour`
 / 
`string`
 (hex value)

no

none

Show a coloured highlight above the card to denote status in cases like dashboard cards.

width

`"quarter"`
 / 
`"third"`
 / 
`"half"`
 / 
`"two-thirds"`
 / 
`"full"`
 / 
`number (1-12)`

no

`"full"`

Define the width of this card on a 12-column grid. Can use the named widths for readability or numbers directly.

On mobile devices all widths will automatically change to 12 for the best responsive experience.

Default is "full" and will take up the full width of the containing component.

Configuration example

1{
2  "component": "fc.action.inline",
3  "props": {
4    "name": "PickConfirm",
5    "width": "full"
6  }
7}

Language: json

Version History

2023-08-01

v0.0.0

First release

Recommended Placement

None

Copyright © 2024 Fluent Retail Pty Ltd (trading as Fluent Commerce). All rights reserved. No materials on this docs.fluentcommerce.com site may be used in any way and/or for any purpose without prior written authorisation from Fluent Commerce. Current customers and partners shall use these materials strictly in accordance with the terms and conditions of their written agreements with Fluent Commerce or its affiliates.

Fluent Logo