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.

Configuring an infolet to display a value for a field: This image is described in the surrounding text.

To create a new applet and configure properties

  1. Create a new workspace.

  2. Create a new applet.

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

    Sample configuration for FINS Contact Customer Tier Applet: This image is described in the surrounding text.
  4. 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.

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

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

    Sample configuration for FINS Contact Customer Tier Applet controls: This image is described in the surrounding text.
  7. 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

    Sample configuration for the LinkCtrl control: This image is described in the surrounding text.

To map the applet web template and web template items

  1. For this applet (FINS Contact Customer Tier Applet), create a new applet web template.

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

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

    Sample configuration of applet web template and web template items for FINS Contact Customer Tier Applet: This image is described in the surrounding text.

To map the presentation model

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

  2. In the UI Objects list, create a new record with values shown in the following table.

    Type Usage Type Name

    Applet

    Presentation Model

    <AppletName>

  3. In the Object Expression list, create a new record with the value shown in the following table.

    Level

    1

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

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

  2. In the UI Objects list, create a new record with values shown in the following table.

    Type Usage Type Name

    Applet

    Physical Renderer

    <AppletName>

  3. In the Object Expression list, create a new record with the value shown in the following table.

    Level

    1

  4. In the Files list, create a new record with the values shown in the following table.

    Level Name

    1

    siebel/infoletpr.js