Hello everyone,
We’re trying to customize the behavior and appearance of buttons using linkage rules in NocoBase.
Our goal is to have buttons with three visual states based on their status:
- Gray → Disabled
- Blue → Active (default)
- Green → Completed
We’ve managed to handle the disabled and visible properties, but we’re currently blocked when trying to add a custom property (e.g., completed) or apply a custom CSS class dynamically through the linkage rule.
Ideally, when a button is active or visible, we’d like to inject our own CSS class (for example: .btn-completed, .btn-disabled, etc.) so the button can display the appropriate color.
However, we couldn’t find a way to:
- Add a custom property that reflects a new state (like
completed) - Or use the visible property to inject a class into the HTML element
If anyone has experience extending linkage rules or knows how to attach a custom CSS class dynamically based on button state, your help would be greatly appreciated.
Exemple of what we want to do(Add a property here that will add a css class to the popup button)
Thanks in advance!