slint/examples/iot-dashboard
Simon Hausmann e8e1ad8d4d Fix squashed usage graphs in iot dashboard when previewing
Provide a minimum height for the boxes, so that the graphs are always visible. The graphs are painted on top of the boxes, but the boxes define the geometry.
2024-01-30 10:45:28 +01:00
..
images Apply pre-commit hooks to all files 2021-08-17 22:38:16 +02:00
.gitignore Added boilerplate for C++ iot dashboard 2021-05-17 11:12:08 +02:00
CMakeLists.txt Domain: slint-ui.com -> slint.dev 2023-06-16 10:55:08 +02:00
dashboard.cpp Domain: slint-ui.com -> slint.dev 2023-06-16 10:55:08 +02:00
dashboard.h C++: rename slint_intepreter.h to slint-interpreter.h 2023-07-27 15:42:11 +02:00
iot-dashboard.slint Fix squashed usage graphs in iot dashboard when previewing 2024-01-30 10:45:28 +01:00
main.cpp C++: rename slint_intepreter.h to slint-interpreter.h 2023-07-27 15:42:11 +02:00
main.slint Domain: slint-ui.com -> slint.dev 2023-06-16 10:55:08 +02:00
README.md xtask: Fix up license headers 2023-08-17 08:55:28 +02:00

iot-dashboard

This example is a clone of https://github.com/uwerat/qskinny/tree/master/examples/iotdashboard from the QSkinny framework

The images are originating from that repository

The main.slint and iot-dashboard.slint files are basically a pure translation from the C++ QSkinny code to self-contained .slint.

Online preview:

https://slint.dev/snapshots/master/editor/preview.html?load_url=https://raw.githubusercontent.com/slint-ui/slint/master/examples/iot-dashboard/main.slint

Screenshot

Screenshot of the IOT Dashboard

Loading dynamic widgets from C++

The example was also extended with C++ code (the .cpp) to show how to use the C++ interpreter to dynamically generate .slint code on the fly and to show different widgets and their backend, forwarding all the properties from widgets to the root so they can be changed by the backend.