Jump to content

KDE Visual Design Group/KirigamiHIG/ContextDrawer/DetailsWidget

From KDE Community Wiki

Description

The Context Drawer contains actions that refer to the current view or selected element(s). It could eventually contains additional informations on the view/element. The purpose of this widget is to offer a standard way to display additional info in the context drawer.

This widget is basically a table with two columns and "n" rows. The first column indicate the info label while the second contains the info their selves.

If the user select element(s) from the current view, the widget is updated with info related to the selected element(s) if available, exactly like actions.

It should be placed above the actions to keep them easily reachable with the finger on smartphones, as in general Kirigami suggests.

We should decide if this widget can optionally include a title (in the image "Downloads" and "Alex") and an image (the folder and the contact avatar in the example). This could be good for consistency between different applications.

Touch events

user should be able to tap on a row to get the information copied to the clipboard. For example a tap on the "Email: [email protected]" row copies "[email protected]" to clipboard. A Kirigami notification appears at the bottom saying "[label] copied to clipboard".

Possible behaviours with mouse cursor

(we need to choose one of the two in the implementation):

  • click on a row to get the content automatically copied
  • or let the user select the text he wants to copy in the same way he does in displaying text areas.

Look

See the attached image for a proposed look.

Implementation

Currently there is no implementation of this widget in Kirigami.