update: solid-action example

source/import_documentation/Widgets/Examples.rst

+.. _widgets-examples:
+
 Examples
 =========
 
@@ -178,21 +180,38 @@ solid-set-div
 solid-action
 ~~~~~~~~~~~~
 
+A classic example of solid-action use is a list of resources (users here) with only one field displayed and the possibility to access additionnal informations by clicking on "User details" :
+
 .. code:: html
 
    <solid-display
-      data-src="data/list/user-4.jsonld"
-      fields="first_name, last_name, skills"
-      widget-skills="solid-action-label"
-      link-text-skills="Click to see his/her skills"
-      label-skills="Skills :"
-      src-skills="data/list/user-4-skills.jsonld"
+      data-src="data/list/users.jsonld"
+      fields="name, details"
+      value-details="User details"
+      label-name="Name :"
+      widget-name="solid-display-value-label"
    ></solid-display>
 
 .. figure:: ../../_static/images/import_documentation/widgets-examples/widget-action.png
+   :alt: Basic solid-display
+
+This is the solid-display with action attribute and link-text-[field] attribute use to replace the basic value-[field] from above.
+
+.. code:: html
+
+   <solid-display
+      data-src="data/list/users.jsonld"
+      fields="name, details"
+      label-name="Name :"
+      widget-name="solid-display-value-label"
+      action-details="user-details"
+      link-text-details="User details"
+   ></solid-display>
+
+.. figure:: ../../_static/images/import_documentation/widgets-examples/widget-action2.png
    :alt: Widget solid-action
 
-By adding action attribute in the solid-display, a router, a route and another view, clicking on the solid-action displays the view (dotted border): 
+By adding a router, a route and another view, clicking on the solid-action displays the view (dotted border): 
 
 .. code:: html
 
@@ -200,29 +219,28 @@ By adding action attribute in the solid-display, a router, a route and another v
       <solid-route
          hidden
          use-id
-         name="skills-details"
+         name="user-details"
       ></solid-route>
    </solid-router> 
 
    <solid-display
-      data-src="data/list/user-4.jsonld"
-      fields="first_name, last_name, skills"
-      widget-skills="solid-action-label"
-      link-text-skills="Click to see his/her skills"
-      label-skills="Skills :"
-      src-skills="data/list/user-4-skills.jsonld"
-      action-skills="skills-details"
+      data-src="data/list/users.jsonld"
+      fields="name, details"
+      label-name="Name :"
+      widget-name="solid-display-value-label"
+      action-details="user-details"
+      link-text-details="User details"
    ></solid-display>
 
-   <div data-view="skills-details" hidden>
+   <div data-view="user-details" hidden>
       <solid-display
          bind-resources
-         fields="name"
+         fields="first_name, last_name, username, email"
       ></solid-display>
    </div>
 
-.. figure:: ../../_static/images/import_documentation/widgets-examples/widget-action2.png
-    :alt: Widget solid-action
+.. figure:: ../../_static/images/import_documentation/widgets-examples/widget-action3.png
+    :alt: Widget solid-action with view
 
 
 Step-by-step widget creation