I am building a part of an application where users will be able to create and edit existing forms:
download bmml source – Wireframes created with Balsamiq Mockups
The submit button is for demonstration purposes. Add a new field
creates a new field in a new row.
Users can drag the fields to rearrange them vertically.
Currently, clicking a field or the row it is contained in would open a small panel to edit that field. I have also made textfields unfocusable and readonly as it is obvious without any interaction what the field is suppose to do.
Should the same be done to dropdowns, checkboxes and radio buttons?