You can customize the interactive demo how it should look like. Below you will find some tips what we recommend.
1. Pick your colors
Starting from 3.1 version you can customize the colors on your interactive demo.
The first color will be used for the navigation buttons.
The second color will be used for the background of the text bubbles on the interactive demo.
The third color is used for the font color that is used on the text.
As a result you will get a final layout like this:
To export your flow as an interactive demo, please select the “Interactive Demo” template from the HTML export.
Note! This feature is available only for FlowShare Professional and Enterprise users and is not included in the free version.
If the outline of your click is not displayed correctly in the interactive demo, you can adjust the steps as below.
2. Select rectangle markup
If you use the interactive demo as your preferred export format, be sure to switch the markup from arrow to rectangle in the settings menu. If you do this, you can directly see how well the outline of the clicked element has been captured. An arrow cannot capture this.
3. Check the rectangles and adjust them if necessary
In addition, you have the option to manually adjust in the editor and in this way also determine the rectangle in the exported demo. If you want to do this, simply click on the “Adjust markup” button with the two crossed arrows, which can be found on the far left.
