View Designer Overview

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.

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

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

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.

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.

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 five 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	Loop around each element in an array, set, element in a JS array, or active scenario.
	Repeat Contents	Used to repeat a block of content
	Visible	Use an expression to control the visibility of an element
	Var	Defines a variable name and its value
	Set Sorter	Change the way a set is sorted from the default settings.
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
ACTIONS	Action	The base action used to call other Actions or Javascript functions
	Message	Display a message
	Confirm	Show a confirmation dialog
	Execute Model	Queue the model for execution
	Set Var	Set a dynamic variable
	Update Entity	Set the value of a model entity
	Remove Entity	Delete the value of a model entity
	Create Attachment	Create a new attachment
	Edit Attachment	Edit a existing attachment
	Manage Attachment	Manage an attachment
	Edit Attachment Properties	Open a dialog to change the properties of an attachment
	Download Attachment	Download an attachment
	Upload Attachment	Upload an attachment

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