Background
A customer recently asked us whether we could create a checkbox whose text would be black if it were selected, but grey out if it were unselected. Something like this:
The unselected Checkbox with grey text
The selected Checkbox with black text
Implementation
Composer doesn’t have a built-in way to do this. However, we were able to achieve it quite easily using a simple technique. This technique also illustrates some of the more advanced features of Avoka Transact Composer, so we thought we would share it. In order to implement this, we simply set up an Editability rule and changed the Editability policy on the checkbox. This is shown below:
Editability Rule and Policy
The script itself is trivial – we simply make the Checkbox depend on itself, so that if its value changed, so would its Editability. To do this, click on the “Edit…” button, and then double click on the checkbox itself. This will inject a field reference as: {MyCheckbox} (or whatever your Checkbox is named). The tricky part is the Editability Policy. This is only visible if Advanced mode is selected. We’ve set this to “Grey out Text”, which makes the text grey WITHOUT actually disabling the field. This simple change implements exactly the effect that was intended. This can be used as a one-off, or could be easily created as a re-usable widget.