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