svghmi/widget_list.ysl2
author Edouard Tisserant
Wed, 15 Jun 2022 11:39:14 +0200
changeset 3514 f86ffe291fea
parent 3386 608f48ad3dfc
child 3556 5d73bed497de
permissions -rw-r--r--
SVGHMI: fading page switch : defer update of classList to next animate() call when finishing transition.

classList update was happening in the same call as switch_page(), but this call is not meant to do any change in the DOM. This was triggering unwanted style and layout recomputation.
// widget_list.ysl2

widget_desc("List") {
    longdesc
    ||
    List widget is a svg:group, list items are labeled elements
    in that group.

    To use a List, clone (svg:use) one of the items inside the widget that
    expects a List.

    Positions of items are relative to each other, and they must all be in the
    same place. In order to make editing easier it is therefore recommanded to
    make stacked clones of svg elements spread nearby the list.
    ||

    shortdesc > A named list of named graphical elements

    arg name="listname"
}

widget_defs("List") {
    |     items: {
    foreach "$hmi_element/*[@inkscape:label]" {
    |         "«@inkscape:label»": "«@id»",
    }
    |     },
}