# Angular- creating customize sign up and login interface

**URL:** <https://community.auth0.com/t/angular-creating-customize-sign-up-and-login-interface/60426>\
**Category:** Get Help\
**Tags:** angular\
**Created:** [April 1, 2021, 9:20am UTC](https://community.auth0.com/t/angular-creating-customize-sign-up-and-login-interface/60426 "2021-04-01T09:20:35Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![szynszyl.rogalewski](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/szynszyl.rogalewski/32/15287_2.png) [@szynszyl.rogalewski](https://community.auth0.com/u/szynszyl.rogalewski)\
**Post date:** [April 1, 2021, 9:20am UTC](https://community.auth0.com/t/angular-creating-customize-sign-up-and-login-interface/60426/1 "2021-04-01T09:20:36Z")

</div>

Hi  
I`m new in programming and i`ve just got assignment to create sign up/login/logut interface with 4 formfields. I`ve managed to create Universal Login(wich works) but i need to add two more input fields. I`m programming in Angular. My question is- what would be the best approach option and wich tool should I choose to do that? Is there a example how to achieve that? I found nothing on the internet. O would be much obliged.

---

<div class="post-metadata">

**Author:** ![konrad.sopala](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/konrad.sopala/32/13516_2.png) [@konrad.sopala](https://community.auth0.com/u/konrad.sopala)\
**Post date:** [April 1, 2021, 10:48am UTC](https://community.auth0.com/t/angular-creating-customize-sign-up-and-login-interface/60426/2 "2021-04-01T10:48:26Z")

</div>

Hey there!

Here’s more on that:

> [@How do I add custom fields to the signup/login widget?](https://community.auth0.com/t/how-do-i-add-custom-fields-to-the-signup-login-widget/24449):
>
> When using Classic Universal Login: A signup screen can use the additionalSignupFields option in The Auth0 Dashboard -\> Universal Login -\> Login. Each option added in this manner will then be added to that user’s user\_metadata after a successful signup. [https://auth0.com/docs/libraries/lock/v11/configuration#additionalsignupfields-array](https://auth0.com/docs/libraries/lock/v11/configuration#additionalsignupfields-array) A login screen on the other hand, cannot contain added inputs. An alternative is to request the user to provide additional information after they sign up or l…

---

<div class="post-metadata">

**Author:** ![konrad.sopala](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/konrad.sopala/32/13516_2.png) [@konrad.sopala](https://community.auth0.com/u/konrad.sopala)\
**Post date:** [April 1, 2021, 11:28am UTC](https://community.auth0.com/t/angular-creating-customize-sign-up-and-login-interface/60426/3 "2021-04-01T11:28:16Z")

</div>

btw. is this you work or school assignement? Cause maybe it’s an overkill to use Auth0 if it’s a school / university project 🙂

---

<div class="post-metadata">

**Author:** ![szynszyl.rogalewski](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/szynszyl.rogalewski/32/15287_2.png) [@szynszyl.rogalewski](https://community.auth0.com/u/szynszyl.rogalewski)\
**Post date:** [April 1, 2021, 11:43am UTC](https://community.auth0.com/t/angular-creating-customize-sign-up-and-login-interface/60426/4 "2021-04-01T11:43:00Z")

</div>

Thanks for quick reply!  
This is my work assingement and I was told to use Auth0. It`s just I am total begginer and things that are obvious for most of my colleagues are very hard for me :P But I am "learning by doing" and sometimes need to clarify obvious things in order to understand them. Anyway- I`ll check your tip and see if it works! Wish me luck!

---

<div class="post-metadata">

**Author:** ![konrad.sopala](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/konrad.sopala/32/13516_2.png) [@konrad.sopala](https://community.auth0.com/u/konrad.sopala)\
**Post date:** [April 1, 2021, 11:45am UTC](https://community.auth0.com/t/angular-creating-customize-sign-up-and-login-interface/60426/5 "2021-04-01T11:45:35Z")

</div>

No worries! We’re here for you!

---

<div class="post-metadata">

**Author:** ![szynszyl.rogalewski](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/szynszyl.rogalewski/32/15287_2.png) [@szynszyl.rogalewski](https://community.auth0.com/u/szynszyl.rogalewski)\
**Post date:** [April 1, 2021, 8:26pm UTC](https://community.auth0.com/t/angular-creating-customize-sign-up-and-login-interface/60426/6 "2021-04-01T20:26:26Z")

</div>

It indeed worked! Very helpful! Thanks!

---

<div class="post-metadata">

**Author:** ![konrad.sopala](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/konrad.sopala/32/13516_2.png) [@konrad.sopala](https://community.auth0.com/u/konrad.sopala)\
**Post date:** [April 2, 2021, 6:44am UTC](https://community.auth0.com/t/angular-creating-customize-sign-up-and-login-interface/60426/7 "2021-04-02T06:44:44Z")

</div>

Glad it all came together and that I was able to help!

---

<div class="post-metadata">

**Author:** ![konrad.sopala](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/konrad.sopala/32/13516_2.png) [@konrad.sopala](https://community.auth0.com/u/konrad.sopala)\
**Post date:** [April 2, 2021, 6:44am UTC](https://community.auth0.com/t/angular-creating-customize-sign-up-and-login-interface/60426/8 "2021-04-02T06:44:49Z")

</div>


