Initializing help system before first use

# Create a Drawer Using a VDL Page

A `vdl-page` component can be configured to act as a drawer using the `type="drawer"` attribute.

Drawers are hidden from view by default, and can be opened and closed using the `vdl-action-drawer` action.

A drawer element must specify an `id`. The `vdl-action-drawer` element specifies the id of the drawer that it will open or close.

Any `vdl-section` components within the drawer will automatically use the fluid layout.

    <vdl-action-group name="openDrawer">
        <vdl-action-drawer drawer-id="my-drawer" action="open"></vdl-action-drawer>
    </vdl-action-group>
    <vdl-action-group name="closeDrawer">
        <vdl-action-drawer drawer-id="my-drawer" action="close"></vdl-action-drawer>
    </vdl-action-group>

    <vdl-page type="drawer" id="my-drawer">
        <vdl-section heading="VDL Drawer">
            <vdl-row>
                <vdl-column>
                    <p>An example of a vdl-page as a Drawer.</p>
                </vdl-column>
                <vdl-column>
                    <vdl-datagrid column-filter="true">
                        <vdl-datagrid-column entity="SupportCosts" editable="true"></vdl-datagrid-column>
                        <vdl-datagrid-column entity="ServiceLevelAgreements" editable="true"
                                             bottom-calc="sum"></vdl-datagrid-column>
                    </vdl-datagrid>
                </vdl-column>
            </vdl-row>
        </vdl-section>
    </vdl-page>

Parent Topic Working with Advanced VDL

© 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.