I have a wizard that has four steps. On the first step, there is a form with user data inputs. I need to have a button that opens up a modal with a datatable, and based on the selection on that table, the input fields to be filled with that information. But I am not sure where to place this button and what design would be best to use so that it looks good. This is what it looks like thus far : enter image description here

  • is the user allowed to enter the First name and last name of these fields, or is it only through the modal once they pick that both are populated? – Mike M Sep 19 '17 at 20:09
  • If the user is not on the modal, then he is allowed to populate the fields with their data – AndrewS Sep 19 '17 at 20:10
  • okay; so they can either input from selecting thru the modal, or manually input? – Mike M Sep 19 '17 at 20:11
  • Correct. If I want to add a user and he is on the database, then I just select it through the modal which opens up a datatable. If I want to add a user and he is not in the database, then I can manually add him by filling out the required inputs in the form – AndrewS Sep 19 '17 at 20:13

You could use a segmented control, with the default choice being the first choice.

If the user goes to import from the database dialog and there are no results, you can give them an action to manually input, which will close the dialog and switch the control to manually input the user data...


download bmml source – Wireframes created with Balsamiq Mockups

|improve this answer|||||
  • Thank you so much! this seems like it would be better ! I'm gonna try it now ! Thank you once again!! – AndrewS Sep 19 '17 at 21:36

I find the implementation of Dashlane for filling in user data very useful. It basically 'hangs' underneath the form when information is available. Example from the stackexchange sign-up form It does appear only when I select the field, probably due to the technical part (which form to fill). It does convey very good what information is filled in.

|improve this answer|||||

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.