FUIStepProgressIndicator

open class FUIStepProgressIndicator : FUITintableDrawingView<FUIControlState>, FUIStepProgressIndicatorComponent

The FUIStepProgressIndicator is a UIView subclass that enables a developer to present linear steps progress using the default Fiori indicator.

Initialization and Configuration

Example of setting an FUIStepProgressIndicator:

   let view = FUIStepProgressIndicator(selection: "step id",
                                       stepItems: [FUIStepItem])
   view.title.text = "step title"
   view.primaryAction.setTitle("All Steps: 4)", for: .normal)
   view.primaryAction.setImage(UIImage(systemName: "chevron.right"), for: .normal)
   view.selectionDidUpdated = { [view] selection in
       // handle new title for selected step
   }

Theming

Supported FUIStepProgressIndicator class paths:

fdlFUIStepProgressIndicator {}
fdlFUIStepProgressIndicator_title {}
fdlFUIStepProgressIndicator_primaryAction {}

Supported Text attributes:

font-color (Color)
font-name (FontName)
font-style (UIFontTextStyle)
font-size (Number)

Supported FUIButton properties:

font-style: (Font Style Name)
font-color: (Color)
background-color-normal: (Color)
background-color-highlighted: (Color)

Supported Step properties:

fdlFUIStepProgressIndicator_normal/completed/error/disabled {
   node-foreground: white;
   node-foreground-highlighted: black;
   node-foreground-selected: black;
   node-background: white;
   node-background-highlight: white;
   node-background-selected: white;
   title-color: green;
   title-color-highlighted: black;
   title-color-selected: blue;
   title-color-selected-highlighted: red;
   font-name: callout;
   font-name-highlighted: callout;
   font-name-selected: callout;
   font-name-selected-highlighted: callout;

   font-name-vertical: callout;
   font-name-vertical-highlighted: callout;
   font-name-vertical-selected: callout;
   font-name-vertical-selected-highlighted: callout;

}