# Filling form better UI

**URL:** https://community.glideapps.com/t/filling-form-better-ui/35641
**Category:** Ask for Help
**Created:** [December 7, 2021, 4:16pm UTC](https://community.glideapps.com/t/filling-form-better-ui/35641 "2021-12-07T16:16:52Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Shubham\_Hudda](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shubham_hudda/32/34859_2.png) [@Shubham\_Hudda](https://community.glideapps.com/u/Shubham_Hudda)
#### Post date: [December 7, 2021, 4:16pm UTC](https://community.glideapps.com/t/filling-form-better-ui/35641/1 "2021-12-07T16:16:52Z")

</div>

Hey guys, I have been trying to make a beautiful form where a person can not go to the next question without completing the previous one, can anyone help me do that?

---

<div class="post-metadata">

### Author: ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)
#### Post date: [December 7, 2021, 4:40pm UTC](https://community.glideapps.com/t/filling-form-better-ui/35641/2 "2021-12-07T16:40:13Z")

</div>

Assuming the components of your form are on one single screen, use visibility conditions on your components when the user has filled out the previous component and clicked on “Next”, which via an action will populate a boolean column.

---

<div class="post-metadata">

### Author: ![Shubham\_Hudda](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shubham_hudda/32/34859_2.png) [@Shubham\_Hudda](https://community.glideapps.com/u/Shubham_Hudda)
#### Post date: [December 7, 2021, 4:42pm UTC](https://community.glideapps.com/t/filling-form-better-ui/35641/3 "2021-12-07T16:42:23Z")

</div>

Thnaks, but where do I find the visibility conditions?

---

<div class="post-metadata">

### Author: ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)
#### Post date: [December 7, 2021, 4:48pm UTC](https://community.glideapps.com/t/filling-form-better-ui/35641/4 "2021-12-07T16:48:51Z")

</div>

**Component visibility**

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/8/8877cab80a2dc9e30d91fcb8566084d00d8d946d.jpeg)

**Tabs visibility**  
(should you want to create a form on multiple screens)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/c/4c38176111c6f37c6bac511111a00116e7bd1b63.jpeg)

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [December 8, 2021, 12:23am UTC](https://community.glideapps.com/t/filling-form-better-ui/35641/5 "2021-12-08T00:23:11Z")

</div>

I did the same in some forms but I was populating a number column and increment/decrement things as users go back and forth in the steps.

But honestly, doing that inside a normal form is a bit of a problem. I think that will be much easier to do in a custom form.

> [@How do I create a custom form?](https://community.glideapps.com/t/how-do-i-create-a-custom-form/25014):
>
> I’m just dropping this here so I have something to refer people to when they ask. This is a simple concept app (copyable), that demonstrates the following techniques: Building custom forms for adding and editing list items (as an alternative to the native forms provided by Glide) Preventing duplicate new entries using [User Specific Columns](https://docs.glideapps.com/all/reference/data-editor/user-specific-columns) and [Relations](https://docs.glideapps.com/all/reference/data-editor/computed-columns/relation-column) Enforcing mandatory input items The use of visibility conditions and user specific booleans to control user flow There is nothing particula…