Initializing help system before first use

Adding a Custom User Interface

You can create custom views using VDL, JavaScript and Tableau.

This introductory guide focuses on creating a custom user interface via simple VDL and Tableau views. For more information about creating views using the JavaScript API, refer to the later section Using the JavaScript API to Create Custom Views.

Before you can create and include a VDL view in your app, you need to declare it in your app's cfile using the <vdl-view> element.

Covered Topics
  • Adding a VDL View to the Example App
    Having declared a view in the cfile, you must create a related VDL file to contain the user interface elements—Xpress Insight expects this to be stored in the client_resources directory.
  • Binding the User Interface to Scenario Data
    VDL comes equipped with some very powerful core components that make it natural and simple to access bulk model data.
  • Using Expressions
    Expressions are statements that evaluate dynamic values for VDL attributes and often (but not always) lead to some visible change in the rendered user interface. This section introduces this VDL feature and demonstrates how expressions are brought into play.
  • Adding Forms and Fields
    Two new tags - and - allow you to create VDL forms with editable fields.
  • Improving the User Interface
    While it is perfectly functional, the app is rather wasteful of screen real estate and it would be a better approach to let the user select a share type from a drop-down list before changing its estimated ROI.
  • Validating User Input and Adding Tooltips
    The app is progressing, but there is currently no validation on the input field in the Return per share section.
Parent Topic Building an Xpress Insight App

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