Skip to content

Adjust preview panel for read-only layers #3697

@tomasMizera

Description

@tomasMizera

If you have read-only layer, the "edit" button is hidden and the feature preview looks like this:

Editable feature Read-only feature
Image Image

This is fine, but makes it hard for users to realize they can still open the form by clicking anywhere in the panel. We found this out on a workshop on UC.

There is also a possibility that users will completely miss the option to open a form in read-only mode - as this requires you to click anywhere in the preview panel, but the "edit" button.


Suggestions: Let's add a new primary button "Open form" (text to be confirmed); visual:

https://www.figma.com/design/d78a4ehBBgK6MyxCTuCAqg/Mobile-App?node-id=4074-19617&t=21E8Z32xyqWfRNdD-4

Image

We have two options here:

  1. replace the current edit button with the new open form button
  • Pros 👍🏻 : the UI will be the same for all features (read-only and editable), the option to edit the form will be in the form toolbar; One could argue that this is how it should work - you first open the form, then hit the "Edit" option.
  • Cons 👎🏻 : on the flip side, we add an additional click when someone wants to edit the feature
  1. as a new button (only for read-only features)
  • Pros 👍🏻 : The existing flow to edit feature will stay the same
  • Cons 👎🏻 : Different preview buttons for read-only and editable features
Image

Note: we have a "edit feature" button in the form toolbar in case an editable feature is opened for reading

Metadata

Metadata

Assignees

Labels

ui/uxRelated to user interface

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions