Creating an onboarding flow using tab visibility

Sorry, which app?

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

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

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.

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

This is the setup:

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

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.

1 Like

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

yep

1 Like

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

Good solution :+1:

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.

2 Likes

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.

1 Like

So ‘this item’ is First Name- TEMP?

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.

1 Like

Ahh I see. Thanks!

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 " :warning: Fill the Fields!" notifications pops up

4 Likes

Ahh I see! This is good too, so you know when they joined. Thanks!

1 Like

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.

2 Likes

@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 :slight_smile:

Julien

3 Likes

Hey @Julien87, thank you so much!

Sure, I can do it, and I post here

2 Likes

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

1 Like