We are using angular material multi-select component on sign up page.

  1. User can select multiple options from the list of 4-5 whose scope can increase in future. Example : Location A,Location B ,Location C ,Location D

  2. User need to select one location as default selection so that on login, he lands on the corresponding landing page of the location every-time.

How do we go about it ?

  • 1
    The multi-select component itself is a mandatory field in the form.
    – Apramit
    Commented Feb 28, 2020 at 11:34
  • How about a dynamic dropdown list update with the selected options that is also a mandatory field in the form?
    – bracco23
    Commented Feb 28, 2020 at 13:23
  • When they are signing up, what do the locations indicate? Is this an important selection, or is it more just for convenience for the user? Commented Feb 28, 2020 at 13:37
  • It is an important selection and it is mandatory for user to select. @maxathousand
    – Apramit
    Commented Mar 2, 2020 at 7:30

1 Answer 1


One pattern I've seen (though not that often) is to ask the user where they would like to go during the login.

If it's not a critical option, this preference can simply be stored in a cookie on the client device. The next time I visit this login page, my preference is already selected.

Log in form with a "Take Me To" dropdown

Taken from mohela.com, a loan provider.

If, however, it is an important option to preserve with the user's account, a dynamic select menu like @bracco23 described could work in the sign-up form. Be sure to also provide somewhere to update this selection later, perhaps near where the user can update their other sign in options.

See also my answer on a related question (How to present boolean options along with selecting exactly 1 of them as “primary”?).

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.