Renderers

Introduction

A renderer is basically the tool that defines how a canvas entity behaves. A renderer encapsulates all the knowledge about variables and capabilities to take an action using the entity.

Renderer is the element that tells how you map your domain entity to a display item.

Before diving into details, a simple example to a renderer might be the “Select Box” renderer. Heuristically, Select Box is used when one wants to pick some entity from a list of entities. So we might need a couple of variables to support the Select action:

A list of entities to pick one from: initialvar, with cardinality “many”, as a list can and often do contain more than one entity.
The field of the entity to be shown on the list: selectbyvar (For example Name and Surname of a Personel), with cardinality “many”.
The initially selected entity, to be seen when screen is first loaded: initialselectionvar,
With cardinality “one”.
The selected one: selecteditemvar, with cardinality “one”, as one can pick only one of the items in the list.

And to support styling, some other variables might be helpful:

A label to the list: labelvar, with cardinality “one”.
A variable to tell on which conditions the list will be visible on screen: visiblevar, with cardinality “one”.
A variable that decides on which conditions the action “Select” can be done: enabledvar, with cardinality “one”.

Renderers Table

After a brief insight, you may want to look into all the renderer set in detail.

*Default variables: Variables other than enabledvar, visibledvar and labelvar, for those three are common to all renderers. But not all renderers and widgets contain all of these default variables. In that case, variable names are explicitly listed.

**Note that a renderer and a type are different concepts. Type represents an entity, renderer tells how that entity is presented. For example, the type Photo can be rendered in two ways, as an ImageDisplay or a Photo renderer, depending upon the action to take.

Name	Variable – Cardinality	Compatible Basic Types	Compatible Actions for Basic Types	Compatible Complex Types **	Compatible Actions for Complex Types
FileAttachment	Outputvar – One	–	–	File	input
FileDownload	Initialvar – One	–	–	File	display
ImageDisplay	Initialvar – One	–	–	Photo	display
Photo	Outputvar – One	–	–	Photo	input
Select Box	Initialvar(many) Initialselectionvar(one) Selectbyvar (many) Selecteditemvar(one)	String, Character, Int16 ,Int32, Int64, Decimal, Double, Single, Byte, Guid	Select	All	Select
Selectable List	Initialvar(many) Initialselectionvar(one) Selectbyvar (many) Selecteditemvar(one)	String, Character, Int16, Int32, Int64, Decimal, Double, Single, Byte, Guid	Select	All	Select
Radio Button	Initialvar(many) Initialselectionvar(one) Selectbyvar (many) Selecteditemvar(one)	String, Character, Int16, Int32, Int64, Decimal, Double, Single, Byte, Guid	Select	All	Select
PhotoUrl	outputvar(one)	–	–	PhotoUrl	Input
Locations Map Display	initialvar(one or many)	–	–	GeoLocation	Display
Single Location Map Input	initialvar(one) outputvar(many)	–	–	GeoLocation	Input
Multiple Locations Map Input	initialvar(many) outputvar(many)	–	–	GeoLocation	Input
Singe Location Map Picker	initialvar(many) initialselectionvar(one) selecteditemvar(one)	–	–	GeoLocation	Select
Multiple Locations Map Picker	initialvar(many) initialselectionvar(many) selecteditemvar(many)	–	–	GeoLocation	Select
Check Box	initialvar(one) outputvar(one)	Boolean	Input, Edit	–	–
Checkbox Display	initialvar(one)	Boolean	Display	–	–
DateDisplay	initialvar(one)	DateTime, DateTimeOffset	Display	–	–
DatePicker: Single	initialvar(one) outputvar(one)	DateTime, DateTimeOffset	Input, Edit	–	–
Field:Value	initialvar(one)	String, Int16, Int32, Int64, Decimal, Double, Single, Byte, Guid	Display	–	–
Value	initialvar(one)	String, Character, Int16, Int32, Int64, Decimal, Double, Single, Byte, Guid	Display	–	–
TextInput	initialvar(one) outputvar(one)	String, Character, Int16, Int32, Int64, Decimal, Double, Single, Byte, Guid	Input, Edit	–	–
TextArea	initialvar(one) outputvar(one)	String, Character, Int16, Int32, Int64, Decimal, Double, Single, Byte, Guid	Input, Edit	–	–
List	initialvar(many)	String, Int16, Int32, Int64, Decimal, Double, Single, Byte, Guid	Display	–	–
Vertical Table Display	Default variables	–	Display	–	–
Horizontal Table Display	Default variables	–	Display	–	–
Barcode Scanner	inputvar(one)	–	Input	–	–
Pie Chart	initialvar(many) labelvar(many)	–	Display	–	–
Label	Default variables	–	Display	–	–
Button	Default variables	–	Input	–	–
Header	visiblevar(one) enabledvar(one)	–	Display	–	–
Footer	visiblevar(one) enabledvar(one)	–	Display	–	–
Generic Layout	visiblevar(one) enabledvar(one)	–	Display	–	–
Generic Layout Column	colwidthvar(one) absolutewidthvar (one) minheightvar (one) maxwidthvar(one)	–	Display	–	–
Row Flex	visiblevar(one) enabledvar(one)	–	Display	–	–

Special-purpose renderers: Field-Value Pair, Pluralized Input, Grid, Selectable Grid, Vertical Table Display, Horizontal Table Display, Cards Renderer.

Renderers in Detail

ImageDisplay

Image Display

Image Display renderer serves to show an image on your app screen. The image is only displayed, it cannot be operated on.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Photo_in	initialvar	Photo	Stores Photo entity.

Children

Variable Name	Variable Designate	Variable Type	Definition
Photo_Imagedata_in	initialvar	PhotoData	Stores field Imagedata of Photo entity.
Photo_Filename_in	initialvar	String	Stores field Filename of Photo entity.
Photo_Format_in	initialvar	String	Stores field Format of Photo entity.
Photo_Size_in	initialvar	String	Stores field Size of Photo entity.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up, Copy

Photo

Photo

Photo renderer serves to take photo by opening your mobile camera from within your app screen. If you run the app on web, file uploading interface opens instead of the camera.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Photo_out	outputvar	Photo	Stores Photo entity.

Children

Variable Name	Variable Designate	Variable Type	Definition
Photo_Imagedata_out	outputvar	PhotoData	Stores field Imagedata of Photo entity.
Photo_Filename_out	outputvar	String	Stores field Filename of Photo entity.
Photo_Format_out	outputvar	String	Stores field Format of Photo entity.
Photo_Size_out	outputvar	String	Stores field Size of Photo entity.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up, Copy

PhotoUrl

PhotoUrl

You can use PhotoUrl renderer to upload photo. Unlike Photo renderer, PhotoUrl renderer supports access only to file uploading interface of your device, not your camera.

Variables

Variable Name	Variable Designate	Variable Type	Definition
PhotoUrl_out	outputvar	PhotoUrl	Stores PhotoUrl entity.

Children

Variable Name	Variable Designate	Variable Type	Definition
PhotoUrl_Url_out	outputvar	String	Stores field Url of PhotoUrl entity.
PhotoUrl_Filename_out	outputvar	String	Stores field Filename of PhotoUrl entity.
PhotoUrl_Format_out	outputvar	String	Stores field Format of PhotoUrl entity.
PhotoUrl_Size_out	outputvar	String	Stores field Size of PhotoUrl entity.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Upy

FileAttachment

FileAttachment

File Attachment renderer enables to upload a file from existing files in your device, by choosing through file uploading interface.

Variables

Variable Name	Variable Designate	Variable Type	Definition
File_out	outputvar	File	Stores File entity.

Children

Variable Name	Variable Designate	Variable Type	Definition
File_Filedata_out	outputvar	FileData	Stores field Filedata of File entity.
File_Filename_out	outputvar	String	Stores field Filename of File entity.
File_Format_out	outputvar	String	Stores field Format of File entity.
File_Size_out	outputvar	String	Stores field Size of File entity.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

FileDownload

FileDownload

File Attachment renderer enables to upload a file from existing files in your device, by choosing through file uploading interface.

Variables

Variable Name	Variable Designate	Variable Type	Definition
File_Download_in	initialvar	File	Stores File entity.

Children

Variable Name	Variable Designate	Variable Type	Definition
File_Filedata_in	initialvar	FileData	Stores field Filedata of File entity.
File_Filename_in	initialvar	String	Stores field Filename of File entity.
File_Format_in	initialvar	String	Stores field Format of File entity.
File_Size_in	initialvar	String	Stores field Size of File entity.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Select Box

Select Box

You can display a list of items and choose one of them by using Select Box renderer.

*Radio Button, Selectable List and Select Box renderers differ only in appearance.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Entity_in	initialvar	Entity Type	Stores an Entity list.
Entity_initialselection	initialselectionvar	Entity Type	Stores the predetermined initially selected Entity.
Entity_selectby	selectbyvar	String	Specifies by which field of the Entity the list items will be displayed.
Entity_selected	selecteditemvar	Entity	Stores the selected Entity.

Children

Variable Name	Variable Designate	Variable Type	Definition
File_Filedata_in	initialvar	FileData	Stores field Filedata of File entity.
File_Filename_in	initialvar	String	Stores field Filename of File entity.
File_Format_in	initialvar	String	Stores field Format of File entity.
File_Size_in	initialvar	String	Stores field Size of File entity.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up, Blur, Focus, Save, Copy

Selectable List

Selectable List

You can display a list of items and choose one of them by using Selectable List renderer.

*Radio Button, Selectable List and Select Box renderers differ only in appearance.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Entity_in	initialvar	Entity Type	Stores an Entity list.
Entity_initialselection	initialselectionvar	Entity Type	Stores the predetermined initially selected Entity.
Entity_selectby	selectbyvar	String	Specifies by which field of the Entity the list items will be displayed.
Entity_selected	selecteditemvar	Entity	Stores the selected Entity.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up, Blur, Focus, Save, Copy

Radio Button

Radio Button

You can display a list of items and choose one of them by using Radio Button renderer.

*Radio Button, Selectable List and Select Box renderers differ only in appearance.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Entity_in	initialvar	Entity Type	Stores an Entity list.
Entity_initialselection	initialselectionvar	Entity Type	Stores the predetermined initially selected Entity.
Entity_selectby	selectbyvar	String	Specifies by which field of the Entity the list items will be displayed.
Entity_selected	selecteditemvar	Entity	Stores the selected Entity.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up, Blur, Focus, Save, Copy

Locations Map Display

Locations Map Display

This renderer provides displaying a single location or many locations by marking on a map.

Variables

Variable Name	Variable Designate	Variable Type	Definition
GeoLocation_in	initialvar	GeoLocation	Stores a GeoLocation list.

Children

Variable Name	Variable Designate	Variable Type	Definition
GeoLocation_Latitude_in	initialvar	Decimal	Stores field Latitude values of GeoLocation entities in the GeoLocation_in list.
GeoLocation_Longitude_in	initialvar	Decimal	Stores field Longitude values of GeoLocation entities in the GeoLocation_in list.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Single Location Map Input

Single Location Map Input

By using this renderer, you can enter a location by marking on the map.

Variables

Variable Name	Variable Designate	Variable Type	Definition
GeoLocation_in	initialvar	GeoLocation	Used to create a new entity.
GeoLocation_out	outputvar	GeoLocation	Stores the newly created entity.

Children

Variable Name	Variable Designate	Variable Type	Definition
GeoLocation_Latitude_out	outputvar	Decimal	Stores field Latitude of GeoLocation.
GeoLocation_Longitude_out	outputvar	Decimal	Stores field Longitude of GeoLocation.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Multiple Locations Map Input

Multiple Locations Map Input

By using this renderer, you can enter one or many locations by marking on the map.

Variables

Variable Name	Variable Designate	Variable Type	Definition
GeoLocation_in	initialvar	GeoLocation	Used to create new GeoLocation entities.
GeoLocation_out	outputvar	GeoLocation	Stores the newly created GeoLocation entities.

Children

Variable Name	Variable Designate	Variable Type	Definition
GeoLocation_Latitude_in	initialvar	Decimal	Used to create new Latitude array.
GeoLocation_Latitude_out	outputvar	Decimal	Stores field Latitude of GeoLocation.
GeoLocation_Longitude_in	initialvar	Decimal	Used to create new Longitude array.
GeoLocation_Longitude_out	outputvar	Decimal	Stores field Longitude of GeoLocation.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Single Location Map Picker

Single Location Map Picker

By using this renderer, you can choose a location among those pinned with markers on the map.

Variables

Variable Name	Variable Designate	Variable Type	Definition
GeoLocation_in	initialvar	GeoLocation	Stores a location list to be selected from.
GeoLocation_initialselection	initialselectionvar	GeoLocation	Stores a predetermined location appearing to be selected when screen opens.
GeoLocation_selected	selectedvar	GeoLocation	Stores the selected location.

Children

Variable Name	Variable Designate	Variable Type	Definition
GeoLocation_Latitude_in	initialvar	Decimal	Stores field Latitude values of GeoLocation options list.
GeoLocation_Longitude_in	initialvar	Decimal	Stores field Longitude values of GeoLocation options list.
GelLocation_Latitude_initiallyselected	initiallyselectedvar	Decimal	Stores the latitude value of the initially selected location.
GelLocation_Longitude_initiallyselected	initiallyselectedvar	Decimal	Stores the longitude value of the initially selected location.
GeoLocation_Latitude_out	outputvar	Decimal	Stores Latitude of the selected location.
GeoLocation_Longitude_out	outputvar	Decimal	Stores Longitude of the selected location.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Multiple Locations Map Picker

Multiple Locations Map Picker

By using this renderer, you can choose one or many locations among those pinned with markers on the map.

Variables

Variable Name	Variable Designate	Variable Type	Definition
GeoLocation_in	initialvar	GeoLocation	Stores a location list to be selected from.
GeoLocation_initialselection	initialselectionvar	GeoLocation	Stores the predetermined locations appearing to be selected when screen opens.
GeoLocation_selected	selectedvar	GeoLocation	Stores the selected locations.

Children

Variable Name	Variable Designate	Variable Type	Definition
GeoLocation_Latitude_in	initialvar	Decimal	Stores field Latitude values of GeoLocation options list.
GeoLocation_Longitude_in	initialvar	Decimal	Stores field Longitude values of GeoLocation options list.
GelLocation_Latitude_initiallyselected	initiallyselectedvar	Decimal	Stores the latitude values of the initially selected locations.
GelLocation_Longitude_initiallyselected	initiallyselectedvar	Decimal	Stores the longitude values of the initially selected locations.
GeoLocation_Latitude_out	outputvar	Decimal	Stores the Latitude values of the selected locations.
GeoLocation_Longitude_out	outputvar	Decimal	Stores the Longitude values of the selected locations.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Check Box

Check Box

You check or uncheck a statement by using this renderer.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Boolean_in	initialvar	Boolean	Stores the boolean input value.
Boolean_out	outputvar	Boolean	Stores the boolean value to be carried and used outside the app screen.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Checkbox Display

Checkbox Display

You display truth value of a statement by using this renderer.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Boolean_in	initialvar	Boolean	Stores the boolean input value to be displayed.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

DateDisplay

DateDisplay

You display a date value by using this renderer.

Variables

Variable Name	Variable Designate	Variable Type	Definition
DateTimeOffset_in	initialvar	DateTimeOffset	Stores the date object to be displayed.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

DatePicker:Single

DatePicker:Single

You can select a date from a calendar by using this renderer.

Variables

Variable Name	Variable Designate	Variable Type	Definition
DateTimeOffset_in	initialvar	DateTimeOffset	Stores the date object selected.
DateTimeOffset_out	outputvar	DateTimeOffset	Stores the date object to be carried and used outside the app screen.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Field:Value

Field:Value

This renderer is used to display Basic Types. Compatible basic type examples include String, Decimal, Byte, Guid.

*The only difference between Field:Value and Value is that former displays a label with the value, while the latter displays only the value of the Type object.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Type_in	initialvar	Type Name	Stores the Type object.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Value

Value

This renderer is used to display Basic Types.Compatible basic type examples include String, Decimal, Byte, Guid.

*The only difference between Field:Value and Value is that former displays a label with the value, while the latter displays only the value of the Type object.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Type_in	initialvar	Type Name	Stores the Type object.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

TextInput

TextInput

This renderer is used to enter a new input or edit an existing one for Basic Types. Compatible basic type examples include String, Decimal, Byte, Guid.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Type_in	initialvar	Type Name	Stores the Type object.
Type_out	outputvar	Type Name	Stores the date object to be submitted and also to be carried and used outside the app screen.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up, Blur, Focus, Copy, Cut, Paste, Key Down, Key Press, Key Up.

TextArea

TextArea

This renderer is used to enter a new input or edit an existing one for Basic Types while providing a greater text area than TextInput does. Compatible basic type examples include String, Decimal, Byte, Guid.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Type_in	initialvar	Type Name	Stores the Type object.
Type_out	outputvar	Type Name	Stores the date object to be submitted and also to be carried and used outside the app screen.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up, Blur, Focus, Copy, Cut, Paste, Key Down, Key Press, Key Up.

List

List

This renderer displays a list of objects belonging to one of the Basic Types. Compatible basic type examples include String, Decimal, Byte, Guid.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Type_in	initialvar	Type Name	Stores the list of Type objects

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up, Copy

Barcode Scanner

Barcode Scanner

You can use Barcode scanner renderer to read and scan a barcode or a QR code of an item.

Variables

Variable Name	Variable Designate	Variable Type	Definition
BarcodeScanner_in	initialvar	String	Stores the barcode read.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Pie Chart

Pie Chart

You can display a list by illustrating the elements as numerical proportions by using Pie Chart renderer.

Variables

Variable Name	Variable Designate	Variable Type	Definition
PieChart_in	initialvar	Decimal	Stores the numeric values corresponding to entities to be shown on the chart.
PieChart_label	labelvar	String	Stores the list of labels representing the entities.

*Elements in PieChart_label should match in order with the values in PieChart_in.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Label

Label

You can display a string to be used as a label to any entity on the screen.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Label_label	labelvar	String	Stores the numeric label string.

Supported Events

Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Button

Button

Button is the renderer to be used to initiate an event on the screen. This event might be:

Closing the screen
Ending the workflow step
Closing the app
Navigating to another screen
Navigating to another app

Or just simply set an expression.

Supported Events

Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Header

Header

Header is an element that always sits on top of the screen. It serves as a container element to the entities dropped into itself. It comes with a default label in itself. You can think of the header as the fixed top part of your screen. Header can be useful for top menu and banner designs.

Supported Events

Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Footer

Footer

Footer is an element that is always positioned at the very bottom of the screen. It serves as a container element to the entities dropped into itself. It comes with a default label in itself. Footer can be useful when designing bottom of your screen for example for putting general information about your company such as an About link, a contact info.

Supported Events

Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Row Flex

Row Flex

By default, all elements on the screen are put top to bottom regarding the drop order to canvas. Row flex is a container element that enables you to display its child entities on one single row. You can also align its child entities to the right, left, or the center of row flex element.

Supported Events

Row flex has no events attached.

Field-Value Pair

Field-Value Pair

This renderer is used to display Complex Types. Compatible complex type examples include Photo, File etc. You can use this renderer in order to display or take input for a complex type, meaning a type with fields. As a use case scenario, suppose your domain model has an entity named Personel. Personel has 3 fields: Name, Last Name and Email Address. And you want to display a specific Personel record in the screen. This is possible by rendering Personel entity as a Field-Value Pair.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Type_in	initialvar	Type Name	Stores the Type object.
Type_out	outputvar	Type Name	Saves and stores (in edit or input actions) a Type object.

Supported Events

Initialization, Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Cards

Cards

This renderer is used to display list of a Complex Type as cards list.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Type_in	initialvar	Type Name	Stores an object list of type Type.
Type_selected	selectedvar	Type Name	Stores the selected Type object among the cards.

**Note that this renderer will have always selectedvar even if the action is not Select, but it is Display. As of this point, you may have wondered whether it is possible to use multiple actions at once in one renderer. This can be done in Cards renderer. You can both display, and select from among a card list. For now this is possible only for Cards renderer, to be extended for other renderers, in future implementations.

Supported Events

Initialization, Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Grid

Grid

This renderer is used to display list of a Complex Type in a data grid.

*Grid, Vertical Table Display, and Horizontal Table Display serve for the same purpose. They differ only in appearence.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Type_in	initialvar	Type Name	Stores an object list of type Type .

Supported Events

Initialization, Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Selectable Grid

Selectable Grid

This renderer is used to select from among a list of a Complex Type in a data grid.

*Selectable Grid differs from Grid renderer only in action type (Display).

Variables

Variable Name	Variable Designate	Variable Type	Definition
Type_in	initialvar	Type Name	Stores an object list of type Type .
Type_initialselection	initialselection	Type Name	Stores the initially selected object in the list of Type .
Type_selected	selectedvar	Type Name	Stores the selected object in the list of Type .

Supported Events

Initialization, Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Vertical Table Display

Vertical Table Display

This renderer is used to display list of a Complex Type in a table in which each column represents one field type.

*Grid, Vertical Table Display, and Horizontal Table Display serve for the same purpose. They differ only in appearence.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Type_in	initialvar	Type Name	Stores an object list of type Type .

Supported Events

Initialization, Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Horizontal Table Display

Horizontal Table Display

This renderer is used to display list of a Complex Type in a table in which each row represents one field type.

*Grid, Vertical Table Display, and Horizontal Table Display serve for the same purpose. They differ only in appearence.

Variables

Variable Name	Variable Designate	Variable Type	Definition
Type_in	initialvar	Type Name	Stores an object list of type Type .

Supported Events

Initialization, Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Numeric Input

Numeric Input

This renderer is used to get input from the end user with the type Integer or Decimal.

Variables

Variable Name	Variable Designate	Variable Type	Definition
NumericEntity_in	initialvar	Int32, Decimal	Stores the NumericEntity object.
NumericEntity_out	outputvar	Int32, Decimal	Saves and stores (in edit or input actions) a NumericEntity object.

Supported Events

Initialization, Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up

Generic Layout

Generic Layout

This renderer serves as a container for Generic Layout Column renderer.

Supported Events

This renderer does not have any available events attached.

Generic Layout Column

Generic Layout Column

This renderer lies inside a parent renderer with type Generic Layout. Generic Layout Column serves as an encapsulating entity for its children. Every element dragged and dropped inside a Generic Layout Column is a child of it.

Supported Events

Click, Double Click, Mouse Down, Mouse Enter, Mouse Leave, Mouse Move, Mouse Over, Mouse Up