Home
Do you avoid doing an embedded 'Add'?
  v2.0 Posted at 1/12/2014 12:54 PM by Rebecca Liu

For any case of 'Add New', choose to open a new window (popup) for entering data.

The 'Add New' button should open a new form
Figure: The 'Add New' button changes from a view into a data entry form
The 'Add New' did not open a new form
Figure: Bad Example - The 'Add New' button, shown in Figure 1, opened the page in the same window

It is better to open in a new form, reasons being:

  • It is better for the user in terms of clarity. The change of view to data entry form can be a surprise
  • It is better to code e.g. if you are using this control in a couple of places you may need to show or hide 'Save' buttons etc. Otherwise, it is a pain to make it behave differently in different contexts.

However, you do need to call back on save and requery it.
Use a modal form and requery it (DON'T use JavaScript, instead use the Modal Popup Form Example)
An example of this is in Outlook with the 'New' button.

The 'New' opens a new form
Figure: Good Example - the 'New' button in Outlook opens a new form for you to construct your email
Adding a new table in SharePoiny
Figure: Adding a table in SharePoint have a popup with dimmed background

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address:

    Comments: