Glide’s Post

Transcript

Hello LinkedIn, Seppi here again with another hot tip on how to use Glide. So yesterday if you were paying attention to our social you might have noticed that we launched the Innovators at Work Assessment. We ask you a few questions and based on your responses, we tell you your innovator type and how to lean into your strengths in the workplace to innovate even more and even faster. If you haven't taken the assessment yet, check out our LinkedIn post from yesterday and definitely try it out. You're going to get a really fancy, beautiful badge that you can share on your LinkedIn and your your socials in general and you're going to get to know a little bit about yourself and your innovation. When we were building that assessment, because it was built entirely on Glide, we learned a few things about how to do some cool stuff with forms, And I'm going to teach you about one of those things today. This tutorial is going to be all about form pagination. So we're going to show you how to take a form like this with like 4 questions on it. Your form might have 40 questions and you might want to break it out into 10 pages. In this example, we're going to show you how to break out one form with four questions onto 2 pages, each page having two questions. OK, so let's jump over to our. Good form tab here and you'll see here you're looking at whereas before on the bad form it was one form with the submit button, here we've got multiple kind of containers as you can see, one container with its own button, another container with its own button and then a final step that just thanks people for their submission. So the reason I've set it up this way is because we're going to use visibility options to hide the different steps. Now there's a little bit more involved to it than that, so let me explain. We've got our name field. E-mail field, our category field and our question field. And if we jump to the data tab, you'll see we also have our name field, e-mail field, category field and question field. The other thing you might notice is that we for each of these fields we check if it's completed. OK now this is important and I'll show you why. If we go to our layout and we just set a visibility condition on this container that hosts our page, two of three questions and we go to the visibility conditions and say only show this one name is not. Empty. OK, at first glance that seems to work just fine. However, let me pull up this data layer here and let me just start typing my name. You'll see right away page two of three appeared. Why? Because that data is automatically populating in the cell as I type it. So we don't want page two to show up until we've actually submitted page one. That's where these checks come into play. OK, and these checks are activated with a custom action and Glide. So let's collapse this and show you how that works. And we're going to remove our visibility conditions that we added here for now. So what we're going to do on container one is when you submit this button to go to the next step. Let's take a look. There's a custom action that we've created here. OK, this action is called Go to Step 2. So when I edit this action you'll see what it does is it sets column value. So the action is to set column values and what it does is it sets the name column to the name submission and then it says the e-mail column to the e-mail submission and then it puts AY for Yes in the name completed and e-mail completed boxes. OK by doing this we can work off the back of these to set our visibility conditions so that it only shows step two once. Name and e-mail are both completed. So let's close this up and let's go to our second container where we have the same kind of button. And I've actually created a custom action for it which is go to Step 3, which does essentially the same thing. It sets goals and values, but this time for category, for question, and then puts a yes in the question completed in category completed fields. OK, so let's go to our container #2 and we're going to go to visibility conditions and we're going to add a condition where. Game completed is not empty. And. E-mail completed is not empty and category completed is empty. And question completed is empty. OK, so now we've got these four conditions in place so that we don't show container 2 until container one has been submitted. Now we can do the same thing for container three. We're going to say only show the component when. Um. Name completed is not empty. E-mail completed is not empty, Category completed is not empty and question completed is not empty. OK, so now you see the page is cleaned. We've only got page one showing up. We also need to add visibility conditions to Page 1 though, or container one, I should call it because this is all technically on one page. That's kind of the beauty of this. You only need one screen and you just use visibility conditions to show the pagination. So let's go to the visibility conditions for this component. And we don't want it to disappear, we want it to show when name completed. Is empty and when e-mail completed is empty. OK, so now we've got page one of three with just two simple questions. So let's start typing and you can see as I type it's no longer showing Step 2 because it's waiting for that check. So let's go seppi@heyglide.com and go to next step and now it's going to show page two of three and now I can pick hardware or software and how do I use? Lied and submit form and now we see page three of three. Thanks for your submission. So using some visibility conditions and these columns here that do a check, as well as all that paired with the custom action on our button block, we've essentially created a paginated form that's all on one page that is less of a burden to your users. So I hope you learned something cool today. That being said, I don't know if this is the only way to add pagination to forms. This might be a really simple way, but there might be an even simpler way there. Might be a more powerful way. If you know how to do that, please leave a comment and and share your knowledge with us as well. I'm always down to learn more stuff and and get some inspiration from all of you experts out there who definitely know Glide better than I do. That being said, I hope you learned something cool today here and I hope you go out some pagination to your forms. And don't forget to check out the innovators at Work Assessment. It should be posted yesterday on our LinkedIn page. You have you should have no trouble finding it so let me know what you thought of this in the comments. And I look forward to recording another one of these tutorials for you next week. Thanks so much LinkedIn and see you soon.