Sorry, we don't support your browser.  Install a modern browser

Panel: indicator for fields with unsaved changes#49

Kirby displays an “unsaved changes” bar if a field has been updated locally but it’s never clear to the user which fields actually differ from the server version. This is especially true when coming back to a page after a while without remembering what might have changed.

It would be helpful to either list the changed fields in the save bar itself or to add an indicator to the field that it has been updated.

4 years ago
1

Maybe an orange outline in the same color as the save bar would do the trick? That would make it pretty obvious at first glance what fields are changed without adding too much clutter to the UI. It should just be distinguishable from the red “error” outline.

4 years ago

There should be an additional indicator that’s not color-based, I think.

4 years ago
1

@Nils Hörrmann do you already have an idea for a non-color indicator?

4 years ago

@Nico @Nils Hörrmann Maybe the field label would make a good place for this (e.g. displaying a small pen item after its name)? That would certainly make it easier for field developers, as such an indicator would work with any field design and would not interfere with the actual input.

4 years ago

@Nico I thought of a dot like for an unread email.

4 years ago
2
Changed the title from "Panel: inicator for fields with unsaved changes" to "Panel: indicator for fields with unsaved changes"
4 years ago

@Nils Hörrmann My way of thinking was too complicated, I’d prefer an “unread dot”, it should be well-suited for that purpose. Just 2 quick mockups, how this could look like. I like the idea with the orange outline, because it makes it way more obvious when scrolling through a long panel view, but the big drawback is, that it won’t work with any field design (e.g. structure, editor) and adds too much visual clutter to the UI.

A nice bonus would be, if that little dot was clickable, showing a confirm dialog and (in the future) could also show a diff between the old and new value of that field.

4 years ago
2
Changed the status to
In progress
3 years ago
Changed the status to
Planned
3 years ago

With this feature, it would be awesome to be able to revert a single field to its stored value too. Maybe by clicking on the change indicator «click to revert» ?

3 years ago
1
Changed the status to
Unassigned
2 years ago