Hi Glide Community, I’m trying to build a multi-step form for adding products, where users fill out product details, then move to sizes(sizes can be one or can be more than one), and finally to colors (each size has few colors) — all linked to the same product. :small_blue_diamond: My Ideal Workflow: Step 1: Add Product Details (Product Code, Name, Brand, etc.). Step 2: Add Size Details linked to the product to which I filled their code in the first screen. Step 3: Add Color & Quantity Details, also linked to the product. Final: Submit everything as one product record with associated sizes and colors. Key Requirement: Every size and color must be tied to the specific product using the Product Code (or Row ID). :red_question_mark: Challenge: How can I pass the Product Code from the first form to the next screens (sizes and colors) without submitting the product first? :light_bulb: If anyone has solved this or knows a workaround, please share! Any help would be greatly appreciated! :folded_hands:

Check out this post: [image] How do I create a custom form? Community Resources 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 and Relations Enforcing mandatory input items The use of visibility conditions and user specific booleans to control user flow There is nothing particular…

You should follow the thread linked above, and make sure your steps still link to the same table (so Show New Screen > this item every step). That way, your product ID will be there every step so you can reference it.

I have followed this thread and read it before posting my question. While creating a multi-step form with a table of data is straightforward, it becomes more challenging dealing with multiple data tables linked to a parent something goes wrong with me or I can’t understand, how to link them to the same product ID or Row ID that I am filling currently.

Can you show us what you have so far with a Loom video or some screenshots?

[image] [image] [image] Here are some screenshots. I’m not sure if my idea is clear yet, but let me know if you need any further clarification. What I’m currently stuck on is how to pass the captured data from one screen to another, ensuring that the sizes are correctly assigned to the product I’m filling out.

That looks like the right data structure already. Now you just need to have a custom form per the linked thread. Add a table with only one row that serves as your place to hold temporary values. Let’s call this “Helper Table”. Add user-specific columns to hold user’s choices for product, size, color and quantity details. In the table of the screen you’re adding the form button, add a single value > whole row column pointing to the “Helper table”. This is our path to the custom form screen. Add a “Show details screen” button and point to the single value result above, also use a “Set column values” on top of that single value and clear all inputs in the Helper Table. In the details screen, start planning your multi-step form. In the first screen, add a choice component for products, and a button to move to the next step, available only when product ID is not empty. This button will be “Show new screen > This item”. In the second step, add a choice component for sizes, filtering the available choices to “Product ID Row” is this row > “Product ID”. Do that until the last step, add a button to add a row to the Form Responses table and complete the form experience. Or if you don’t want too many steps to go back, you can have a user-specific Steps counter that increments by 1 each time the user moves to the next step, and structure component visibility around it.

[image] [image] [image] Thank you for your clear explanation, it really helped me understand the structure better! However, I’m still stuck on two points: Multiple Sizes for the Same Product: How can I add more than one size for the same product code? As you can see in the attached image, I tried adding a row and setting values, but the fields kept updating the first entry instead of allowing multiple entries for the same product. I am not sure if my way is the best to do that but I’ve tried my best. Viewing Recorded Sizes: I also attached the fields I entered in the last stage. Is there a way to display all the sizes I’ve recorded? I’d like to show them as a list or table under the product details. Thanks again for your help!

[image] akhalil: How can I add more than one size for the same product code? As you can see in the attached image, I tried adding a row and setting values, but the fields kept updating the first entry instead of allowing multiple entries for the same product. I am not sure if my way is the best to do that but I’ve tried my best. At that stage, I think you should have a form container on the screen instead. That will write the product ID, the size, the price and the size code template to the Sizes table. Once you submit that, it will clear the entries so you can submit another one. [image] akhalil: I also attached the fields I entered in the last stage. Is there a way to display all the sizes I’ve recorded? I’d like to show them as a list or table under the product details. Create a multiple relation using the Product Code that you have in your form to the sizes table, where you should also store the Product Code. I guess what is throwing you off here is you don’t have a “Product ID Row” yet when you’re doing it this way, but if your product code is unique, you can use that as well. Otherwise, set a unique value to a user-specific column in the custom form to serve as your product ID, and then use it the rest of the way.

🚀 How to Create a Multi-Step Form in Glide? (Product → Size → Color)

Ask for Help

Robert_Petitto February 20, 2025, 12:36pm 2

Check out this post:

Topic		Replies	Views
Creating multi-step form on detail screen or Show New Screen Ask for Help	9	258	October 1, 2024
Multi-step form Ask for Help	19	3907	July 14, 2023
👀 Multi-Step Form Template for Applications, etc. (Glide Pages) Community Resources	9	2348	August 22, 2023
Adding multiple rows dynamically based on sizes - Need Logic Ask for Help	11	922	May 30, 2023
Is it possible to submit a form and take the user to another form page from a button on the 1st form? Ask for Help	8	987	January 5, 2022

🚀 How to Create a Multi-Step Form in Glide? (Product → Size → Color)

Related topics