How can I make related rows editable inline?

Hi,
I have a detail view that looks something like this (simplified version):

The rows of Leftovers (table that belongs to Batches) are autopopulated - there is one for every row in another “MaterialTypes” table. The user should only be able to edit the quantity of each row, and nothing else. But to do this at the moment, they need to click the row which takes them to a detail view for the Leftovers entry, and then click the edit button on that page. There are two problems with this: firstly this process is far too complicated for my users - they will get it wrong or just skip it entirely, and secondly it wastes too much time.

What I want is for Quantity of each row to be editable inline directly on the batch page without having to go anywhere else. I’m pretty sure I’ve seen this behaviour on a sample app before but I haven’t been able to find it today.

Bonus question: how can I remove the little view row arrow (">") on the right of each row. I tried setting the “view ref” system behaviour to do not display, and even giving it a false behaviour, but it won’t go away. I would also like to get rid of “View All”.

Bonus bonus question: how can I change the width of the columns displayed here? I would like the material name column to be wider so the user can see the full name of the material type.

Thanks!

0 7 1,549
  • UX
7 REPLIES 7
Top Labels in this Space