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.

a month ago

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.

a month ago

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

a month ago

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

a month 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.

a month ago

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

a month ago
2
Changed the title from "Panel: inicator for fields with unsaved changes" to "Panel: indicator for fields with unsaved changes"
a month 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.

a month ago
1
Changed the status to
In progress
4 days ago