# Create Signup page

### Page Variables

Create a new page and call it signup. 

In the VARIABLES page select PAGE VARIABLES add 3 text variables for the name, email and password fields.

![](https://1990900596-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MAt7rtTFHf56GLwoUyJ%2F-MB5jjJO2UsUL7L7lGxx%2F-MB5lRJnbwmlmLlFq7A8%2Fimage.png?alt=media\&token=451564e3-a8aa-4b66-b022-49012c21184b)

### User Interface

Click on **VIEW** and add 3 input fields, 1 button and 1 paragraph as shown below. Bind the input fields to the corresponding page variables defined above. Set the **Password input** to `True` for the password field.

![](https://1990900596-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MAt7rtTFHf56GLwoUyJ%2F-MB5jjJO2UsUL7L7lGxx%2F-MB5mmTBhZK9OZ_3fKDY%2Fimage.png?alt=media\&token=578bb845-5e89-4469-9368-4139bef7342b)

### Signup button logic

Click on the Signup button and add the following logic. For the Create record select the Signup data resource and set the parameters to the page variables.

![](https://1990900596-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MAt7rtTFHf56GLwoUyJ%2F-MB5o7wPoMIr6cixSwZV%2F-MB5orpOmwpbw5ADOJsT%2Fimage.png?alt=media\&token=872122e9-ea89-44ad-8d66-10fd334f5c74)

### Navigation back to login page

Click on the text for navigating back to the Login page and add the following logic. 

{% hint style="info" %}
Note that we're not using the **Open page** action and instead using the **Return to initial view** because we don't want to keep pushing the pages on the navigation stack as the users navigates from the signup to the login page. Else if they press the back button on the login page they may be taking to the signup page instead of quitting the app. You can also use the Navigate back action here. 
{% endhint %}

![](https://1990900596-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MAt7rtTFHf56GLwoUyJ%2F-MB5o7wPoMIr6cixSwZV%2F-MB5pWZu2kkX8YXnVazP%2Fimage.png?alt=media\&token=e58a5a79-df24-4340-aefe-732cc8bbca4e)