Initializing help system before first use

# HTML Buttons

Prior to VDL 4.7, views that required a button were built using the <button> element.

## Standard Button

From VDL 4.7, the HTML Button element uses FICO Styling by default.

View Designer
Code editor

    <vdl-button label="Standard"></vdl-button>

## Primary Button

To style as a 'primary' vdl-button then add the class 'btn-primary'.

View Designer
Code editor

    <vdl-button class="btn-primary" label="Primary"></vdl-button>

## Emphasized Button

A vdl-button can be styled as an 'emphasized' button by using the class 'btn-emphasized'.

View Designer
Code editor

    <vdl-button class="btn-emphasized" label="Emphasized"></vdl-button>

## Disabled Button

A vdl-button can be marked as unavailable by setting the class as 'disabled'.

View Designer
Code editor

    <vdl-button class="disabled" label="Disabled"></vdl-button>

Parent Topic Using VDL Actions

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