Initializing help system before first use

# vdl-page

A page within the VDL view. With the "type" and "id" attributes this can be presented as an drawer component that can be opened and closed on the right-hand side. The class "compact" can be applied to vdl-page to reduce the size and padding around VDL Field, Table and Datagrid components

since 4.8

### Required parent element

Must be contained within one of the following elements:

- <vdl>

### Example

    <!-- Standard VDL page -->
    <vdl-page>
      <!-- Some VDL content -->
    </vdl-page>

    <!-- Drawer example, can be opened by triggering the openDrawer action group -->
    <vdl-page type="drawer" id="my-drawer">
      <!-- Some VDL content -->
    </vdl-page>

    <!-- An action group to trigger opening the drawer -->
    <vdl-action-group name="openDrawer">
      <vdl-action-drawer drawer-id="my-drawer" action="open"></vdl-action-drawer>
    </vdl-action-group>

    <!-- Adding the "compact" class to a vdl-page for compact styling -->
    <vdl-page class="compact">
      <!-- Some VDL content, will be rendered with reduced size and padding -->
    </vdl-page>

### Attributes

id | Used to identify the page. This is required when configured as a drawer, so that the vdl-action-drawer can target the page. Must be a valid HTML id. | since 5.3 |  |
type | Defines the type of VDL page, the default is "page". You can specify "drawer" to switch to the drawer functionality, where the contents is initially hidden but can be revealed using "vdl-action-drawer". Any vdl-sections within a drawer will automatically be set to have fluid layout so that the content fits the available space. | since 5.3 |  |

Parent Topic VDL 5 Reference

© 2001-2026 Fair Isaac Corporation. All rights reserved. This documentation is the property of Fair Isaac Corporation (“FICO”). Receipt or possession of this documentation does not convey rights to disclose, reproduce, make derivative works, use, or allow others to use it except solely for internal evaluation purposes to determine whether to purchase a license to the software described in this documentation, or as otherwise set forth in a written software license agreement between you and FICO (or a FICO affiliate). Use of this documentation and the software described in it must conform strictly to the foregoing permitted uses, and no other use is permitted.