lbsadmin/ESPUI
1
0
Fork 0
mirror of https://github.com/s00500/ESPUI.git synced 2026-01-16 18:46:21 +00:00
Code Issues Releases Activity

Update README

Browse Source
This commit is contained in:
Mike Burton
2025-11-29 08:22:44 -08:00
parent 289fdb2ad7
commit dbb8774e93
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@@ -524,7 +524,9 @@ or other CSS effects. Add styles with the following functions:
``` ```
setPanelStyle(uint16_t id, String style); setPanelStyle(uint16_t id, String style);
setElementStyle(uint16_t id, String style) setPanelStyle(uint16_t id, String style);
setElementStyle(uint16_t id, String style);
setPanelClass(uint16_t id, String pClass);
``` ```
A panel style is applied to the panel on which the UI element is placed, an element style is applied to the element itself. A panel style is applied to the panel on which the UI element is placed, an element style is applied to the element itself.
@@ -535,6 +537,8 @@ Switcher, Number, Text, and Selector.
Dynamic update of styles is supported. When either of the above functions are called, the control is updated live. This could Dynamic update of styles is supported. When either of the above functions are called, the control is updated live. This could
be used to refect a warning state by changing the color of a button, or for similar effects. be used to refect a warning state by changing the color of a button, or for similar effects.
You can also add custom CSS classes to the panel of a control using `setPanelClass`. This allows you to apply predefined CSS classes to your controls.
For example, this code will set a control's panel to a random background color: For example, this code will set a control's panel to a random background color:
``` ```
@@ -692,6 +696,8 @@ You can add your own custom CSS to the UI. This allows you to globaly style the
To add custom CSS, call `ESPUI.setCustomCSS()` before `ESPUI.begin()`. The argument to `setCustomCSS()` is a C-string containing the CSS code. This string must remain valid for the lifetime of the ESPUIClass instance. To add custom CSS, call `ESPUI.setCustomCSS()` before `ESPUI.begin()`. The argument to `setCustomCSS()` is a C-string containing the CSS code. This string must remain valid for the lifetime of the ESPUIClass instance.
This can be used in conjunction with `setPanelClass` to apply custom CSS styles to controls.
```cpp ```cpp
const char* myCustomCSS = ".test { color: red; }"; const char* myCustomCSS = ".test { color: red; }";