Multi-Page Form Imports to Database in Same Row

Ask the community
,
1

I have gone through the basic tutorial videos as well as searched up multiple resources online but I can’t seem to find an answer for this.

A client requested a multi-page form. I was able to create a form across multiple pages but the problem is is that when it populates within the database, the information is across multiple lines.

First Name | Last Name | Age | City | State | Zip Code

John | Brown | 26 |

                                                 |  Los Angeles |   CA  | 99999

What I am looking for is

John | Brown | 26 | Los Angeles | CA | 99999

This is what I have thus far.

import wixData from 'wix-data';

function getData(){
 let query = wixData.query('DoYouLikeDogs')

 return query.limit(1000).find().then(results => {
            console.log('getData', results);
 return results.items;
        })
}

Dataset name is DoYouLikeDogs

Where have I sinned?

Thank you in advance for the help.

2

Why not just make it a multistage form as like this tutorial.
https://www.wix.com/corvid/example/multistage-form

3

You can fix the separate entry problem with some codes. The article here shows you how to do it. https://mtechwizard.com/ how-to-create-multi-page-form-on-wix /