netui-template:visible Tag

<netui-template:visible> Tag

This tag determines whether some HTML content is visible or not.

Syntax

<netui-template:visible
    [negate="boolean_negate"]
    [visibility="boolean_expression_visible"]
    [visible=""] />

Description

This tag determines whether some HTML content is visible or not.

The <netui-template:visible> tag can wrap any HTML content within a content page. If visibility is turned on, then the content will fill its target placeholder in the template file. If visibility is turned off, then the content will not fill its target placeholder.

Visibility can be determined through either the visible attribute (which takes a boolean literal) or the visibility attribute (which takes a data binding expression that resolves to a boolean).

Attributes

negate Boolean. If true, the visible attribute will be negated.

Required	Supports runtime expression evaluation	Data bindable
No	No	No

visibility Boolean. Determines if the content is visible. This attribute is the same at the visible, except that this attribute may take a data binding expression.

Required	Supports runtime expression evaluation	Data bindable
No	No	Read Only

visible Boolean. Determines if the content is visible.

Required	Supports runtime expression evaluation	Data bindable
No	No	No

Sample

The following sample shows content targeted at the "leftCol" placeholder. The <netui-template:visible> tag controls whether this content will be sent to its placeholder. The controlling boolean value is located in the Controller file under the property "leftColVisible".

  <netui-template:section name="leftCol">
      <netui-template:visible visiblity="{pageFlow.leftColVisible}">
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, 
          sed diam nonummy nibh euismod tincidunt ut laoreet dolore 
          magna aliquam erat volutpat. Ut wisi enim ad minim veniam, 
          quis nostrud exerci tation ullamcorper suscipit lobortis nisl 
          ut aliquip ex ea commodo consequat.</p>
      </netui-template:visible>
  </netui-template:section>

Code Sample