Tabs. Panel. Table

The example below contains XML description of the Tabs block that consists of two tabs named Tab1 and Tab2. A Panel block corresponds to each of the tabs, block contents is shown on selecting a respective tab.

The panel on the Tab1 tab contains two tables linked to the data sources with the 351559 and 351560 keys. The panel of the Tab2 tab is empty.

Description of common structural properties background, layout and decor is skipped.

<!-- Code fragment is skipped -->
<block name="Tabs" type="TabPanel" key="DLML4TVZVAJWRBKS">
  <prop tag="name" val="Tabs"></prop>
  <prop tag="background"><!-- Code fragment is skipped --></prop>
  <prop tag="layout"><!-- Code fragment is skipped --></prop>
  <prop tag="decor"><!-- Code fragment is skipped --></prop>
  <prop tag="expandable" val="0"></prop>
  <prop tag="tabitems">
  <!-- Tab Tab1 -->

    <item>
      <prop tag="caption" val="Tab1"></prop>
      <block type="Panel" key="ANLC0HSDNQWICEQM">
        <prop tag="background"><!-- Code fragment is skipped --></prop>
        <prop tag="decor"><!-- Code fragment is skipped --></prop>
        <prop tag="layouts">
          <area key="VNYZFNKRLF7KH428">

            <block name="Table" type="Table" key="VNYZFNKRLF7KH428">
              <prop tag="name" val="Table"></prop>
              <prop tag="background">...</prop>
              <prop tag="dataSource">
                <prop tag="objectkey" val="351559"></prop>
              </prop>

              <prop tag="layout"><!-- Code fragment is skipped --></prop>
              <prop tag="decor"><!-- Code fragment is skipped --></prop>
              <prop tag="expandable" val="0"></prop>
              <prop tag="selectionBus">
                <prop tag="handle" val="1"></prop>
              </prop>
            </block>
          </area>

          <area key="XVIRSVPBDONSUQ4Q">
            <block name="Table" type="Table" key="XVIRSVPBDONSUQ4Q">
              <prop tag="name" val="Table"></prop>
              <prop tag="background"><!-- Code fragment is skipped --></prop>
              <prop tag="dataSource">
                <prop tag="objectkey" val="351560"></prop>
              </prop>

              <prop tag="layout"><!-- Code fragment is skipped --></prop>
              <prop tag="decor"><!-- Code fragment is skipped --></prop>
              <prop tag="expandable" val="0"></prop>
              <prop tag="selectionBus">
                <prop tag="handle" val="1"></prop>
              </prop>
            </block>
          </area>
        </prop>
      </block>

    </item>
  <!-- Tab Tab2 -->
    <item>
      <prop tag="caption" val="Tab2"></prop>
      <block type="Panel" key="TA9WSMSY0AWXJJ0T">
        <prop tag="background"><!-- Code fragment is skipped --></prop>
        <prop tag="decor"><!-- Code fragment is skipped --></prop>
      </block>
    </item>

  </prop>
  <prop tag="selectedIndex" val="0"></prop>
  <prop tag="dragdrop" val="0"></prop>
</block>
<!-- Code fragment is skipped -->

See also:

Examples