Shape Icons In Flow Designer
  • Updated on 13 Dec 2016
  • 1 minute to read
  • Print
  • Dark
    Light

Shape Icons In Flow Designer

  • Print
  • Dark
    Light

This tutorial demonstrates how to adjust/design Step Shapes in the HTML Flow Designer in Decisions 4.0 . Shapes in the Flow Designer in Decisions 4.0 are customizable to satisfy any designer needs.
Example:
In this example we are going to demonstrate how to customize Step Shapes in Flow Designer.
We begin in theDesigner Folder with clickingCreate Flow
2017-12-22_141847.png

Then, we Name the Flow and click Ok to proceed to the Flow Designer.
2017-12-28_145418-1024x615.png

Flow Designer opens with Start and End Step on the work-space. Shapes for these Steps are default.
Note: all Step Shapes modifications that we are going to demonstrate in this tutorial are applicable to any type of Step in Decisions .
First, we select Start Step on the work-space. By dragging selection corners we can adjust the size of the Step Shape.
2017-12-28_145504.png

With Start Step selected on the work-space we may change its color by using Override Color setting in the Common Properties of the Step .
2017-12-28_145738.png

After we picked desirable color, our Step Shape looks as following…
2017-12-28_150001.png

Next, we are going to modify our Shape with Shape Settings for the Step.
First, we pick Shape Type . Each Shape Type may have its sub-types and additional Shape Settings (background color, border color etc.).
Also, we may apply an Image to be our Shape Icon . We pick Image as Shape Type.
Then, in Image settings we check Has Image check-box. Using Image picker we can choose an Image file or provide a URL to our file. In this example we are using URL .
2017-12-28_150408-1024x419.png

Next, we expand Shape Settings and adjust Background Color and Border Color for our Shape . Click Ok to save and continue.
pickColors.png

Our Start Step Shape now looks as following…
startStep.png

Also, we modified our End Step in the similar manner.
endStepModified-2-1024x672.png

Was this article helpful?