Configuring an Infolet to Display a Value for a Field
This topic describes how to configure an infolet to display a value for a business component field – for example, the following image shows the Customer Tier infolet with the value Gold. This topic is part of Configuring Data Visualization Components.

To create a new applet and configure properties
-
Create a new workspace.
-
Create a new applet.
Configure the applet properties as shown in the following table – note that this is the generic applet configuration.
Property Name Value Comment Name
<AppletName>
The name of the applet. In this example, the applet name is FINS Contact Customer Tier Applet.
Business Component
<BusComp>
The name of the business component whose data is to be displayed. The business component must be defined in the business object specified for any view that uses this applet.
Type
Standard
By default, the type is Standard.
Class
CSSSWEFrameInfolet
The name of a C++ class used to manage the applet. This is the infolet framework class for displaying a single field value. The framework constructs the CSS class based on the business component mapped to the applet.
The following image shows this sample configuration for the FINS Contact Customer Tier Applet.
-
For this new applet, navigate to Controls, then create and configure a control for the applet title configuration. In this example, the caption is Customer Tier.
Note: In this configuration example, you create a total of three controls: AppletTitle, Customer Tier, and LinkCtrl.Property Value Comment Name
<Title Control Name>
In the sample applet, the control name is AppletTitle.
Caption - String Reference
<Symbolic String of Applet Title>
The infolet title to be displayed. The Caption property is populated based on this mapping. In this example, the caption is Customer Tier.
HTML Type
Caption
The HTML type for the AppletTitle control. This must be Caption.
-
For this applet, create and configure the Customer Tier with the properties shown in the following table.
Property Value Comment Name
<Control Name>
The name of the control. In the sample applet, the control name is Customer Tier. This control name is used in the control user property OverrideDisplayTextWithData.
Field
<BC Field Name>
The business component field, which is mapped at the applet level. This field value is exposed in the infolet. In the sample applet, the Customer Value field is mapped to show Customer Tier information of a Contact.
HTML Type
Field
The HTML type for the Customer Tier control. This must be Field.
-
For this applet, create and configure the LinkCtrl control for the drilldown configuration with the properties shown in the following table.
Property Value Comment Name
LinkCtrl
The name of the control.
HTML Type
Link
The HTML type for the LinkCtrl control. This must be Link. Method Invoked
GotoView
The method invoked when the link is clicked.
The following image shows this sample configuration for controls for the FINS Contact Customer Tier Applet.
-
Configure user properties for the LinkCtrl control with the properties shown in the following table.
Property Value Comment View
<Destination View Name>
User is navigated to this destination view on drilldown on the value in the infolet.
OverrideDisplayTextWithData
<Control Name>
The control that is configured with the business component field value.
The following image shows this sample configuration for the LinkCtrl control and its user properties
To map the applet web template and web template items
-
For this applet (FINS Contact Customer Tier Applet), create a new applet web template.
-
Configure the applet web template properties as shown in the following table – note that this is the generic applet web template configuration for this type of infolet.
Property Value Comment Name
<Name>
The name of the applet web template.
Type
Base
The type of applet web template. In this case, the Type must be Base.
Web Template
CCAppletInfoletTile
The type of web template for this applet web template. It must be CCAppletInfoletTile.
-
For the new applet web template, navigate to Applet Web Template Item, then create applet web template items with the values shown in the following table.
Name Control Item Identifier Description <Web Template Item 1>
<Title Control Name>
184
<Title Control Name> is the control created for showing the applet title.
184 is the item identifier specified in an infolet web template for mapping the applet title.
<Web Template Item 2>
LinkCtrl
501
You configured the LinkCtrl control in a prior procedure.
501 is the item identifier specified in an infolet web template for mapping the value within the infolet.
The following image shows this sample configuration for the applet web template and web template items, for the FINS Contact Customer Tier infolet.
To map the presentation model
-
Navigate to Administration - Application screen, then the Manifest Administration view.
You must register the new applet (such as FINS Contact Customer Tier Applet) with presentation model settings. This task is needed for automation support and for supporting a custom CSS style class for infolets.
-
In the UI Objects list, create a new record with values shown in the following table.
Type Usage Type Name Applet
Presentation Model
<AppletName>
-
In the Object Expression list, create a new record with the value shown in the following table.
Level 1
-
In the Files list, create a new record with the values shown in the following table.
Level Name 1
siebel/infoletpm.js
To map the physical renderer
-
Navigate to Administration - Application screen, then to the Manifest Administration view.
You must register the new applet (such as FINS Contact Customer Tier Applet) with physical renderer settings. This task is needed for automation support and for supporting a custom CSS style class for infolets.
-
In the UI Objects list, create a new record with values shown in the following table.
Type Usage Type Name Applet
Physical Renderer
<AppletName>
-
In the Object Expression list, create a new record with the value shown in the following table.
Level 1
-
In the Files list, create a new record with the values shown in the following table.
Level Name 1
siebel/infoletpr.js