Initializing help system before first use

vdl-spinner

Adds an spinner element to the view. This will be styled exactly like the built-in loading and execution overlay spinners within Insight. It will be positioned inline, so it is up to you to provide the container layout and a separate message element for the spinner.

since 4.8

Example

<!-- Inserts spinner with custom message that aligns with built-in view loading spinner -->
<vdl-section layout="fluid">
  <vdl-row>
    <vdl-column>
      <style>
        .custom-spinner { flex-direction: column; padding-top: 80px; padding-right: 15px; width: 100%; align-content: center; text-align: center; }
      </style>
      <vdl-container class="custom-spinner">
        <vdl-spinner></vdl-spinner>
        <div vdl-text="Custom wait message"></div>
      </vdl-container>
    </vdl-column>
  </vdl-row>
</vdl-section>
Parent Topic VDL 5 Reference

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