Use the visible property in Hx profile (an example)
An example of binding and using the
visible property is shown in the following illustration.
The example above shows the visible property animated using a value binding. The value binding is linked to a writable point that passes its true or false value to the visible property so that it is visible (true) or hidden (false).
Note the following visibility characteristics:
- The
visibleproperty functions in Hx exactly as it functions in Px. - Direct children of Tabbed panes cannot have a hidden visibility (visible = false).
- Direct children of Scroll panes cannot have a hidden visibility (visible = false).
- The
visibleproperty updates every 5 seconds.
The following illustration gives a comparison of how a simple use of the visible property displays in a browser using the WbApplet and using Hx (no applet).
Note the following about this example:
- The ARM and SAFE buttons write to a boolean point.
- The ARMED and SAFE labels have a
visibleproperty that is bound to and animated by the value of the boolean point. - Clicking the ARMED button sets the boolean point value to "
true" - Clicking the SAFE button sets the boolean point value to "
false" - The "
true" boolean point value sets the ARMED labelvisibleproperty to "true" and the SAFE label "visible" property to "false" as defined by their respective "visible" properties using the visible dialog box. - The "
false" boolean point value sets the ARMED labelvisibleproperty to "false" and the SAFE labelvisibleproperty to "true" as defined by their respectivevisibleproperties using the visible dialog box. - The behavior of the
visibleproperty is the same in both Px (WbApplet) and Hx rendered views in the browser.