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
    Feb 28 '20 at 11:34
  • How about a dynamic dropdown list update with the selected options that is also a mandatory field in the form?
    – bracco23
    Feb 28 '20 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? Feb 28 '20 at 13:37
  • It is an important selection and it is mandatory for user to select. @maxathousand
    – Apramit
    Mar 2 '20 at 7:30

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, privacy policy and cookie policy

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