Using 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 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
trueBoolean point value sets the ARMED labelvisibleproperty totrueand the SAFE label visible property tofalseas defined by their respective visible properties using the visible window. - The
falseBoolean point value sets the ARMED labelvisibleproperty tofalseand the SAFE labelvisibleproperty totrueas defined by their respectivevisibleproperties using the visible window. - The behavior of the
visibleproperty is the same in both Px (WbApplet) and Hx rendered views in the browser.