Commit 1f04c4a3 authored by Fabian Riethmayer's avatar Fabian Riethmayer

Added more content about inline editing from the old wiki HIG

parent 5c5b5cf4
...@@ -11,14 +11,12 @@ may be grouped, segmented, or arranged in many different ways, and even ...@@ -11,14 +11,12 @@ may be grouped, segmented, or arranged in many different ways, and even
nested recursively. It provides a familiar way to convey information nested recursively. It provides a familiar way to convey information
that might otherwise not be obvious or readily understood. that might otherwise not be obvious or readily understood.
Tables provide inline editing with the advance of a concise layout since Tables can provide
no additional control is needed for input. The approach is usually less :doc:`inline editing </patterns/content/viewingediting>` with the
error-prone because a list with direct input has no dependency to other advance of a concise layout since no additional control is needed for input.
controls (in contrast to the combination of a list with an edit which The drawback is reduced discoverability for tables with restricted editing
needs to be enabled or disabled appropriate to the list entry the user function, at least when only a few cells can be changed. The user does not know
clicks). The drawback is reduced discoverability for lists with which cell is editable and which is not.
restricted editing function, at least when only a few cells can be
changed. User does not know which cell is editable and which is not.
Example Example
------- -------
...@@ -61,5 +59,6 @@ Appearance ...@@ -61,5 +59,6 @@ Appearance
- Avoid horizontal scrollbars. Size the table to a reasonable width. - Avoid horizontal scrollbars. Size the table to a reasonable width.
- Use fixed column header. - Use fixed column header.
- Label the table with a descriptive caption to the top left (cf. :doc:`/layout/alignment`). - Label the table with a descriptive caption to the top left (cf.
:doc:`/layout/alignment`).
- Create a buddy relation so access keys are assigned. - Create a buddy relation so access keys are assigned.
...@@ -36,11 +36,22 @@ How to use ...@@ -36,11 +36,22 @@ How to use
.. image:: /img/EditMode.png .. image:: /img/EditMode.png
:alt: Editing :alt: Editing
- Alternatively, in-line editing can be provided to edit a single data Inline editing
element at a time when it is clicked on or selected: ~~~~~~~~~~~~~~
Inline editing is a feature of some controls. For example,
:doc:`table views </components/editing/tableview>` are controls that can be used
for editing purpose as well. When the user accesses an editable cell, usually
by clicking the cell, its behavior (and appearance) is changed from viewing mode
to an editing control. The input control can be applied as an unconstrained edit
or as constrained input, e.g. selection from a predefined set using a
:doc:`drop-down </components/editing/dropdown>`. The advance of direct
input is a concise layout since no additional control is needed for input. The
drawback is reduced discoverability for table view with restricted editing
function, at least when only a few cells can be changed. The user does not know
which cell is editable and which is not. Furthermore, native access via tab or
access key is not available within a table which means keyboard navigation
needs to be implemented.
.. image:: /img/PartialEditMode.png .. image:: /img/PartialEditMode.png
:alt: Line-in editing :alt: Line-in editing
Implementation
--------------
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment