# Creating an onboarding flow using tab visibility

**URL:** <https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149>\
**Category:** Project Showcase\
**Created:** [June 19, 2020, 8:35pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149 "2020-06-19T20:35:59Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![Jaime](https://avatars.discourse-cdn.com/v4/letter/j/4bbf92/32.png) [@Jaime](https://community.glideapps.com/u/Jaime)\
**Post date:** [July 1, 2020, 12:34am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/41 "2020-07-01T00:34:45Z")

</div>

Ah never thought of using the increment feature in that way. Thanks for the idea 👍 👍

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [July 1, 2020, 12:46am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/42 "2020-07-01T00:46:41Z")

</div>

Glide’s last updates are just AMAZING!

---

<div class="post-metadata">

**Author:** ![BenzYaputra](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/benzyaputra/32/10387_2.png) [@BenzYaputra](https://community.glideapps.com/u/BenzYaputra)\
**Post date:** [July 8, 2020, 8:22am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/43 "2020-07-08T08:22:08Z")

</div>

What conditional that you set to make the button unclickable prior the name is entered?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [July 8, 2020, 11:51am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/44 "2020-07-08T11:51:35Z")

</div>

If you display a button with a url of ‘#’, it essentially acts as a button that does nothing when clicked. You can display the unclickable button until the user does something, like fills in a name, then hide that button and show a different button that does what you want.

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [July 8, 2020, 12:09pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/45 "2020-07-08T12:09:24Z")

</div>

Great solution

---

<div class="post-metadata">

**Author:** ![BenzYaputra](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/benzyaputra/32/10387_2.png) [@BenzYaputra](https://community.glideapps.com/u/BenzYaputra)\
**Post date:** [July 8, 2020, 1:54pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/46 "2020-07-08T13:54:38Z")

</div>

awesome! Thanks @Jeff_Hager it is really helpful.

---

<div class="post-metadata">

**Author:** ![Vitor\_Rosas](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vitor_rosas/32/2457_2.png) [@Vitor\_Rosas](https://community.glideapps.com/u/Vitor_Rosas)\
**Post date:** [July 8, 2020, 2:24pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/47 "2020-07-08T14:24:29Z")

</div>

Great Job Lucas!! I’m also studying improvements of onboarding on my apps.

---

<div class="post-metadata">

**Author:** ![BenzYaputra](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/benzyaputra/32/10387_2.png) [@BenzYaputra](https://community.glideapps.com/u/BenzYaputra)\
**Post date:** [July 9, 2020, 7:23am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/48 "2020-07-09T07:23:58Z")

</div>

Hi @Lucas_Pires, do you mind to share on how to make the onboarding workflow step (bulletpoint) using the richtext?

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [July 9, 2020, 6:21pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/49 "2020-07-09T18:21:32Z")

</div>

I created a Template columns only with a **#**. And set it the button to open a link with this #. A lil’ trick to create a fake button 😜

The visibility I guess you already know, but if you dont, I set when _Name is empty_

Edit: now i realized @Jeff_Hager has already replied. Sorry lol

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [July 9, 2020, 6:23pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/50 "2020-07-09T18:23:12Z")

</div>

Rich Text? What do you think for?

---

<div class="post-metadata">

**Author:** ![BenzYaputra](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/benzyaputra/32/10387_2.png) [@BenzYaputra](https://community.glideapps.com/u/BenzYaputra)\
**Post date:** [July 9, 2020, 9:33pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/51 "2020-07-09T21:33:31Z")

</div>

I noticed from your video, you have the workflow bulletpoint (●••) (•●•) (••●) how did u make it in rich text?

---

<div class="post-metadata">

**Author:** ![BenzYaputra](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/benzyaputra/32/10387_2.png) [@BenzYaputra](https://community.glideapps.com/u/BenzYaputra)\
**Post date:** [July 9, 2020, 9:34pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/52 "2020-07-09T21:34:27Z")

</div>

Yes! But thanks for the response anyway 😊

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [July 9, 2020, 10:31pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/53 "2020-07-09T22:31:14Z")

</div>

Yes, it was with rich text. I only set for the page

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 11, 2020, 7:48pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/54 "2020-07-11T19:48:32Z")

</div>

Would you mind sharing the code for your progression indicators at the top of the screens?

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [July 11, 2020, 8:16pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/55 "2020-07-11T20:16:31Z")

</div>

> [@Lucas\_Pires](#):
>
> Yes, it was with rich text. I only set for the page

@Robert_Petitto @BenzYaputra as I mentioned here, it was a simple Rich Text I used in every single page

```
<center><h3><font color=8854D0> ⬤ ● ● <br><br>  

```

> [@Lucas\_Pires](#):
>
> The onboarding screen i just used the new _Link to Screen_ feature “This Item” option to go thru it, as a third tab. When the user finish it, this tab’s gone and shows the another 2

As I said also here, I used Link To Screen Action, so in each page I just changed the “progress indicator” dots.

- **First Page**  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/6/6480d5362b59ddb549c4d3d59a41013c7b76d375.png)

- **Second Page**  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/b/b0b0bad443af0bcdbbdf3dbc6fa689c4bf469c8e.png)

- **Third/Last Page**  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/6/63699be5a8271bb0d29a356138abae7d0430bc6a.png)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 11, 2020, 8:24pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/56 "2020-07-11T20:24:00Z")

</div>

Perfecto. I was trying to use emoji and I hated the way it looked. Thanks!

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [July 11, 2020, 8:25pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/57 "2020-07-11T20:25:28Z")

</div>

Nah lol

Use this website

> **[Symbols & Fancy Text - Cool Symbols, Characters & Emoji](https://coolsymbol.com/)**
>
> A symbol & picture text collection that provides access to many special fancy text symbols, letters, characters... It also comes with cool fancy text generator tools.

---

<div class="post-metadata">

**Author:** ![BenzYaputra](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/benzyaputra/32/10387_2.png) [@BenzYaputra](https://community.glideapps.com/u/BenzYaputra)\
**Post date:** [July 11, 2020, 9:26pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/58 "2020-07-11T21:26:25Z")

</div>

Thanks @Lucas_Pires it is really helpful

---

<div class="post-metadata">

**Author:** ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)\
**Post date:** [July 31, 2020, 9:44pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/59 "2020-07-31T21:44:54Z")

</div>

Do your users face a blank screen like this one when they open the app because the image is not yet cached?

And the users end up pressing the next button and miss out on the onboarding visuals which are usually important.

 ![IMG_9800.PNG](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/b/be8a5f46cf17ef6e7b29e56220d2ab0b3e6ec3f5.jpeg)

---

<div class="post-metadata">

**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\
**Post date:** [July 31, 2020, 9:56pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/60 "2020-07-31T21:56:39Z")

</div>

yup

[Previous page](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149.md?page=2)

[Next page](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149.md?page=4)
