Workflow Steps

The workflow steps component is a component that simply provides a visual immediate overview of the current workflow state and the preceding and succeeding steps.

A workflow steps component, highlighting the current step.

As we progress through the steps, all preceding steps are given a checkmark.

A workflow steps component, showing the first step checked off.

Each workflow step needs to be configured with some information:

• Title: A title to display for the step.

• Description: A description to display for the step.

• Workflow: The workflow to draw steps from. It’s possible to mix and match workflows.

• States: A set of workflow states that this step encompasses. It’s possible to include zero, one or many workflow states in a single workflow step.

• Icon: A Fomantic-UI icon to show for the workflow step.

The workflow steps component does not provide any additional functionality to a portal, beyond an overview and a way to condense a complex workflow into a more visual and linear status.

The component can be configured to be shown in two orientations, determined by the component’s Type-setting. It can be shown horizontally or vertically.

A vertical workflow steps component.