We are building an application that allows a user to build a form.
The user can enter the name of the label, pick the type of the input field and indicate whether or not it should be mandatory. The user can then click a button to append the new field to the form.
The new items get added to the bottom of the list by default, but the fields in the form can be reordered using drag and drop.
Would it be more logical to put the input fields to add a new form field above or below the list of fields already in the form?
Personally, I think it makes sense to have it below the list of fields, because the item you're adding also gets added to the bottom of the list. However, this looks a bit weird when there are no or only a few items in the (scrollable) space available for the items.
Available area filled
download bmml source – Wireframes created with Balsamiq Mockups