Making a True-False Component

This page is for application designers who want to create a true/false representation that is different to the default tick box.

By default, a true-false component shows a tick box that is

• ticked where a value is true
• unticked where a value is false.

To represent true/false values with different images

1. Create two styles, one for the true state and one for the false state. In the style properties →  Properties tab → Basic Settings → Background Image, add or select an image to represent the state.
2. Edit the true/false component properties.
3. Switch to the  Design tab. In the Formatting Rules section, create a rule for the true state.
4. PhixFlow opens the formatting rule properties. in the Basic Settings section, set:
   • Rule Expression to 'true'.
   • In Style, select the style with the background image that represents the true state.
5. Save the "true" formatting rule.
6. In Formatting Rules section, create another rule for the false state and set:
   • Rule Expression to '_form.value'
   • In Style, select the style with the background image that represents the false state.
   • Error rendering macro 'excerpt-include' : No link could be created for '_tick'.
      Stop if True
7. Save the "false" formatting rule.
8. Save the component.