Page Comparison

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.

Image Modified

To represent true/false values with different images

Image Modified

1. Create two styles, one for the true state and one for the false state. In the style properties → 

   Insert excerpt
   _property_tabs _property_tabs name basic nopanel true

    → Basic Settings → Background Image, add or select an image to represent the state.
2. Edit the true/false component properties.
3. Switch to the 

   Insert excerpt
   _property_tabs _property_tabs name design nopanel true

   . 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.

   • Insert excerpt
     _tick _tick

      Stop if True
7. Save the "false" formatting rule.
8. Save the component.