I have an edit button next to a text area but there is something I am not sure about.

Is the button position suitable? If not, where should it be ideally and how to position it there?

Text area with edit button

  • I have removed parts of your question to make it suitable for UX.SE standards. Point 1 wasn't even a question, point 2 was primarily opinion based and code/ implementation issues are off topic here. If you feel I left something out, feel free to edit your question – Devin Jul 17 '16 at 17:50
  • 2
    Why edit button for text area. Text area have edit option and user know it can edit – Sandun Deshapriya Jul 18 '16 at 6:12
  • I was probably not very clear, I want it to show a popup and then have the user do the edits in the popup. The reason for this is because i am showing this in a big form and there will be multiple text areas. If I let the user do the edits directly on the text area, then when I do the save, I have to save ALL the text areas. If I use a popup, I will only save for one textarea. – coffeeak Jul 18 '16 at 8:23

As was pointed out in a comment, I would revisit the idea of using a multiline text field instead. I'm sure you can find a way to watch for changes -- for example, on Android, there's a TextWatcher class you can use.

Another option is to make the field look like a text field, but open up a dialog when it is clicked.

If you still opt for an edit button, then you need to think about the layout of the form as a whole. Here, you don't provide enough context to work with, so it's impossible to say where a good place for an edit button might be. It's important that the button is 1) clearly associated with the field (usually done using positioning, by putting it close to the field), 2) large enough to be tappable, 3) discoverable, 4) unambiguous (sometimes, text works better than an icon).


I would have it break under the text area unless there are other form items that may be edited in this fashion. In which case having it flow in line like that is great. If this is a standalone text area then break it to the next line.

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.