Adding a composite field to a view
Before you begin
Make sure you create a view definition with Record editor to which you want to add a Composite field component. For more information, see Creating-a-view-for-a-record-instance-by-using-record-editor.
To add a composite field component to a view definition
- Log in to BMC Helix Innovation Studio and navigate to the Workspace tab.
- Select the application for which you want to add the Composite field component.
- On the Views tab, click the name of the view definition to which you want to add the Composite field component.
- From Palette, drag the Composite field component to the Record editor component.
In the Properties pane, click Settings
, and then specify the properties:Property
Description
Example
Field name
Select the field that you want to use as a composite field.
The list of fields is displayed from the record definition that you selected for the Record editor component.
Description
Enter a name to display a unique label for the component.
Value
Click Click to build an expression to define a condition to display a specific value from the list as the default value.
Disabled
Turn on the toggle key to disable the Composite field component.
Hidden
Turn on the toggle key to hide the Composite field component at runtime.
Available on devices
From the following device options, select the devices on which the component should be visible:
- Desktop
- Mobile
- Tablet
By default, all three options are selected.
Custom settings
Prepend Text
Enter the text that you want to add to the beginning of the field value.
Append Text
Enter the text that you want to add to the end of the field value.
Default Icon
Enter the name of the CSS icon class to add an icon to the component.
For example: d-icon-user_circle.
Default Icon Color
Enter the appropriate CSS selector to define the color property for the icon.
For example: #00ff00
Default Font Color
Enter the appropriate CSS selector to define the color property for the font.
For example: #00ff00
Icon And Color Mapping json
Map the value from the named list with the label.
For example, {"1000" : {"iconClass": "d-icon-close", "iconColor": "#f3f3f3", "fontColor": "#00ddf3", "backgroundColor": "#fff"}}
Text Transformation
Select from the following options for capitalizing the text added to the component:
- None—No capitalization. The text is displayed as it is
- Capitalize—Transforms first character of each word to uppercase
- Lowercase—Transforms all characters to lowercase
- Uppercase—Transforms all characters to uppercase
Show Badge
Turn on the toggle key to display the field value as a badge.
Named List
Select the named list that you want to associate with this field.
Named List qualification
Click Click to build an expression to define the condition on which items appear on the named list in the application.
- Click Save.
Result
The following image displays a Ticket view that uses a Composite field component: