egroupware_official/doc/etemplate2/pages/getting-started/widgets.md
nathan 054d124afe Initial attempt at a nice dev reference.
Many thanks to all the other developers who made this possible, especially Shoelace
2023-09-22 13:51:38 -06:00

1.2 KiB

Widgets

Widgets are the building blocks of our UI. While there is some legacy mess, we are currently making all our widgets WebComponents based on Lit.

Automated widget testing is done using "web-test-runner" to run the tests, which are written using

If you just want to use existing widgets, you can just put them in your .xet template file:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE overlay PUBLIC "-//EGroupware GmbH//eTemplate 2.0//EN" "https://www.egroupware.org/etemplate2.0.dtd">
<overlay>
    <template id="myapp.mytemplate">
        <et2-vbox>
            <et2-textbox id="name" label="Your name" class="et2-label-fixed"></et2-textbox>
            <et2-select-number id="quantity" label="Quantity" class="et2-label-fixed"></et2-select-number>
        </et2-vbox>
    </template>
</overlay>
Rendered example template