Initializing help system before first use

View Designer-Orientation

The View Designer is the default editor for a file with a .vdl extension when Xpress Workbench is initially installed—This setting can be changed in the project preferences.

In the View Designer, a Palette pane is displayed on the left, the artboard shown in the central area, and an Attributes pane on the right.

Views for Xpress Insight apps are composed of various elements: Layouts (such as Section, Row, and Column), Components (such as Tables and Charts), and Logical elements (such as Repeat and Visible). Drag elements from the Palette to the artboard to add them to the view.

Hovering over the elements on the artboard will highlight their boundaries. Elements can be selected by a left click.

Elements placed on the artboard can be moved relative to each other, duplicated, or deleted by utilizing the action toolbar that displays when a placed element is selected. Elements can also be cut, copied, and pasted.

The most commonly used attributes of the currently selected element are displayed in the Attributes pane; The selected element type is shown at the top of the Attributes pane.

Note Views are regularly automatically saved while they are open in the View Designer.

Using the Palette

Elements are organized on the Palette in groups. Click and drag the element you wish to use onto the artboard. As you pass over placed layout elements, they will change color to indicate if the dragged element can be dropped there.
  • blue shading indicates a valid position.
  • red shading indicates an invalid position and the element will not be accepted at this position.
The four panes in the Palette and the elements they contain are:
LAYOUT Section Block of page content with padding top and bottom
Row Each row is placed under existing content and can hold up to 12 columns
Column Divides a row into vertical blocks with a configurable width
Container Defines an area in the view and is used to hold other elements
COMPONENTS Table Placeholder for a table of array entities that are defined in its Table Columns
Table Column Defines the array entities that provide the content for a Table
Chart Placeholder for a chart that displays model entity data or custom data
Chart Series Set of entity or data information supplied to the Chart element
Index-Filter Filter an index out of a vdl chart or table
Form A container for field elements that controls their behavior
Field Used to enter text or values in a Form
Button Can be placed anywhere in the view to set a value and run the scenario
Text Text in the view can be static or updated using expressions
LOGIC If Use an expression to control whether an element is displayed
Repeat Duplicate the element for each item in a set, element in a JS array, or active scenario.
Visible Use an expression to control the visibility of an element
HTML List A container for List Item elements that populate a bulleted list
List Item A container for an item in a list, each list item must be populated with content such as a text component or an html image container
Image Defines the source and size of an image in the view
Covered Topics
Parent Topic Editing Insight App Source Files

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