Tab: Configuration
In this topic, you can learn how to define the layout of a tab and how to adjust the tab visibility.
Tab Layout
You organize the layout of a tab as follows:
- If the tab will contain only a table, see Table (Grid).
- If the tab will not contain only a table, you use a nested qp-template tag. For details about the organization of the layout with qp-template, see Form Layout: Predefined Templates.
Tab Layout in an Extension
The ref attribute specifies the ID of the tab that is defined in an extension, as shown in the following code.
<qp-tab ref="tabUserInfo_Content">
</qp-tab>
The tab in an extension can be defined as the following code shows. In this example, you
need to use nested template tags. The first template
tag is a template for the whole extension, and the second one is a template for the tab
content.
<template>
<template id="tabUserInfo_Content">
<qp-template ...>
</qp-template>
</template>
</template>
Conditional Visibility of a Tab
To display the tab conditionally, you can use
if.bind='<condition>'
for
the qp-tab tag, as shown in the following
example.<qp-tab if.bind='Document.OrderType.value.id != "TR"'>
</qp-tab>
However we recommend that you define conditional visibility of a tab in the graph code. For details, see Configuration of the User Interface in Code.