Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I have a Table which contains some basic information for a Product. Upon clicking a row, I wish to show more information (on the same page) for that product where a user can edit certain information. I've tried using a hidden table row between each product that expands when a product row is clicked.

The problem with that is that the <form> element is not allowed inside tables, so this just doesn't feel right to me, there must be a better way to solve this problem?

share|improve this question
add comment

3 Answers

up vote 3 down vote accepted

Two patterns come to mind:

Pop-up modal form when clicking edit in row:

enter image description here

or

Place the Edit form below when they click on the row.

enter image description here

I would suggest that the pop-up modal form is a bit better, as 'more info' that loads below the data grid might not be visible to the user.

share|improve this answer
    
Ah, you see the problem with that is, which I forgot to mention is that the current design already has a modal window which pops up when a button is clicked on the more information table row, I think I will go with the edit button and create a SPA type application.. –  BiffBaffBoff Feb 20 '13 at 13:08
add comment

I recommend taking a look at the answers to this question: Best design for displaying list under a list of items ?. One of the suggestions seems particularly relevant to your needs:

enter image description here

This uses nested table rows and allows for inline editing of data, both of which your scenario requires.

(Note: I'm unclear on the restrictions around using <form> in a table. But I know ASP has more-or-less built-in support for inline table editing, so presumably there must be some semantically reasonable way to implement it? But from a UX perspective, that's not a compelling requirement.)

share|improve this answer
add comment

Perhaps using dividers inside of tables? Don't know if that's necessarily a "fix" but it's certainly an option worth trying.

share|improve this answer
    
I was thinking of using that but the initial information is tabular data so it make's sense to use a table.. –  BiffBaffBoff Feb 20 '13 at 12:49
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.