How to Create a Navigation Bar in FlowVella

October 30, 2014

You’ve probably seen some of our Flows that feature custom navigation bars, like our Beauty Template, or in the Dale Radio Flow in the catalog. But did you know you can easily create replicate this on any Flow you create? Today we’re going to show you how easy it is to add this feature to any Flow you own!

How to Create a Navigation Bar in FlowVella

Create a Navigation Bar with Flowboard

1. Create a shape to be used as the background for the navigation bar. I’ve added a white rectangle with 75% opacity, but you can use any shape or color.

2.  Depending on how many screens or external webpages you’d like to link to, divide your navigation bar into equal parts. Since I will be linking to 4 screens, I’ve split it into 4 equal smaller shapes.

Create a Navigation Bar with Flowboard

3. Add a new text object and type your desired text. Repeat for each shape, as shown in the example above.

Create a Navigation Bar with Flowboard

4. Select each text object and click the link icon. Choose link to screen. If you’d prefer to use a photo or icon instead of text, you can also set these as links to other screens.

4. Once you’ve set up your navigation, you can copy it and paste it onto each screen of your Flow.

Create a Navigation Bar with Flowboard

…And it’s as easy as that!

We also created a how-to on editing an existing navigation bar in FlowVella. You can watch the video in the Flow below:

View on FlowVella – Presentation Software for iPad and Mac

We hope you enjoyed this tutorial for how to create a navigation bar in FlowVella. If you have any questions, feel free to post them in the comments, or we’re always available by email if you get stuck!