I have a button that allows users to submit a form. I set the Disabled property to true if any of the 3 fields in the form is empty. When the user enters values for all 3 fields, the button works, indicating the “Disabled” logic works properly, but the style doesn’t change, so it still looks disabled.
I have tested this by removing my logic from the “disabled” property - if I set Disabled to false, it works and appears properly, so I don’t think it’s a style issue.
The Disabled field should only evaluate to true/false, so I don’t understand how I could have this in-between state where the button is Enabled but looks Disabled. Any ideas?
You can circumvent this by tracking the disabled state separately and binding your styles to formulas accordingly, and having an If condtition before the rest of the button logic to do nothing when it’s disabled – that said, we do intend to fix this ASAP.
Alternatively you can use Conditional Renderer to display two identical buttons, one where it’s Disabled: false and the other with logic where it’s Disabled: true.