# 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:** 4

<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 31, 2020, 10:56pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/61 "2020-07-31T22:56:54Z")

</div>

Sorry, which app?

---

<div class="post-metadata">

**Author:** ![S\_C](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/s_c/32/12766_2.png) [@S\_C](https://community.glideapps.com/u/S_C)\
**Post date:** [July 31, 2020, 11:59pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/62 "2020-07-31T23:59:04Z")

</div>

I’ve had that happen when my phone was on low power mode and when I was using svg instead of compressed jpg.

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [March 29, 2021, 5:24am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/63 "2021-03-29T05:24:44Z")

</div>

Hi have an onboarding set up that stopped working…

I have users fill out their names and add an avatar to their profiles. When this is completed, a profile complete column changes from false to true. Tab visibility is set to this, where the onboarding tab shows when the users row is not true and the actual functional tabs of the app when it’s true.

Onboarding Visibility:  
 ![prof1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/b/8b82160d2696e64521ce78fde197021c5564901e.png)

On the last onboarding screen, I have a text input for their name (minumum set to 2), then I have the submit button set to navigate to the homepage, but now when I enter one letter for the text input I immediately get taken to the homepage. It wasn’t doing this before, last time it would give me time to hit the submit button, then go to the homepage.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [March 29, 2021, 5:38am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/64 "2021-03-29T05:38:16Z")

</div>

Is Completed Profile an if-then-else column?  
What is the configuration of that?  
Also, what causes LU-Tab Visibility to be not empty?

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [March 29, 2021, 5:48am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/65 "2021-03-29T05:48:16Z")

</div>

This is the setup:

 ![prof12](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/1/1151373d50907eb45a23d0c80f5b1e7648ee17cd.png)

LU-Tab Visibility is based on if the email adress is already registered as a business.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [March 29, 2021, 5:57am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/66 "2021-03-29T05:57:42Z")

</div>

Okay, so I think the behaviour you see is expected.  
If the text input component for their Name is writing directly to the First Name column, then as soon as they enter the first character, that column is no longer empty, and so that condition will return true.

The way I would work around that is to write to a User Specific Column first, and then use a Set Columns action to write the value to the First Name column when they submit.

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [March 29, 2021, 6:00am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/67 "2021-03-29T06:00:13Z")

</div>

Ah, I see so create another column like ‘name-temporary’?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [March 29, 2021, 6:07am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/68 "2021-03-29T06:07:26Z")

</div>

yep

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [March 29, 2021, 6:11am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/69 "2021-03-29T06:11:20Z")

</div>

Set columns (for submit button) like this? I’m always confused by what to put in the first ‘row’ dropdown.

 ![prof123](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/2/326d4bf87dbc09d0966ae3b8d26f66d5029d8852.png)

---

<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:** [March 29, 2021, 6:16am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/70 "2021-03-29T06:16:57Z")

</div>

Good solution 👍

Sometimes I also include a check box with something like

‘I have checked the above information and it’s correct , let me in!’

Then add this to the ITE visibility condition, seems to work and forces the user to check their data.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [March 29, 2021, 6:24am UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/71 "2021-03-29T06:24:30Z")

</div>

Yes, that’s correct.  
“Row” is referring to the row that is going to be updated by the Set Columns action.  
In this case, it’s the row in your User Profiles sheet (“This item”) that belongs to your user that is being “onboarded”.  
Sometimes you might want to update a related row in another table. In cases like that, you’d have a single relation joining the two tables, and that relation would appear as an option in that “Row” select list.

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [March 29, 2021, 1:27pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/72 "2021-03-29T13:27:13Z")

</div>

So ‘this item’ is First Name- TEMP?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [March 29, 2021, 1:51pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/73 "2021-03-29T13:51:39Z")

</div>

No, “This item” is the row that’s being used.  
“First Name” is the column in that row that you’re writing the the value to.  
And “First Name- TEMP” contains the value that’s being written.

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [March 29, 2021, 1:53pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/74 "2021-03-29T13:53:38Z")

</div>

Ahh I see. 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:** [March 29, 2021, 4:16pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/75 "2021-03-29T16:16:04Z")

</div>

My onboarding screens nowadays are set by a Date/time column called “Onboarding Completed”

And I set the visibility and conditionals based on the fields I set as necessary. As Name, Avatar, Phone and so on.

So once the user complete this fields, the button set the current date/time in this “Onboarding Completed” column, otherwise a " ⚠ Fill the Fields!" notifications pops up

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [March 29, 2021, 4:19pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/76 "2021-03-29T16:19:42Z")

</div>

Ahh I see! This is good too, so you know when they joined. 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:** [March 29, 2021, 5:02pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/77 "2021-03-29T17:02:26Z")

</div>

Not only this, but its the same as an increment or boolean column. When any of those are not empty, the onboarding screen is completed.

---

<div class="post-metadata">

**Author:** ![Julien87](https://avatars.discourse-cdn.com/v4/letter/j/76d3ee/32.png) [@Julien87](https://community.glideapps.com/u/Julien87)\
**Post date:** [April 28, 2021, 7:28pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/78 "2021-04-28T19:28:06Z")

</div>

@Lucas_Pires thanks a lot.  
Is it possible to do a screen recording in order to share all steps to create this amazing solution ?  
tank you very much 🙂

Julien

---

<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:** [April 29, 2021, 3:18pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/79 "2021-04-29T15:18:22Z")

</div>

Hey @Julien87, thank you so much!

Sure, I can do it, and I post here

---

<div class="post-metadata">

**Author:** ![Julien87](https://avatars.discourse-cdn.com/v4/letter/j/76d3ee/32.png) [@Julien87](https://community.glideapps.com/u/Julien87)\
**Post date:** [April 30, 2021, 7:33pm UTC](https://community.glideapps.com/t/creating-an-onboarding-flow-using-tab-visibility/11149/80 "2021-04-30T19:33:11Z")

</div>

it will be great. I try, but I don’y understand the relation with the glide sheet.  
thank you a lot.

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

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