1

This is how the custom fields in my form look like on desktop:

enter image description here

This is on mobile:

enter image description here

The delete button (trash can) is supposed to remove the whole custom field (Key, Type, and Value). But in the mobile version, it looks as if it only deletes the Value.

How to solve this visual issue?

1

1 Answer 1

1

You need to introduce some kind of grouping.

Either use a panel (Card) or a separator (vertical spacer) or Divider (horizontal line). Maybe add a title/header to each group, even if it is just a numbering, like 1., 2., 3., etc.

You could even use a List to neatly group the input fields with the delete button (and/or allow swiping to delete entries from the list).

The Add and Submit buttons probably should go to a bottom sheet (always visible panel at the bottom).

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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