Help your users to quickly access additional information by defining a custom
widget. Widgets work best in situations where the data they present needs to be accessed
at all stages of the case, but does not require complex analysis.
For more information about out-of-the-box widgets, see .
What to do next: Add the widget to the utilities pane. The widget is a
standard section, and you can add it to the utilities pane the same way you add any
other section. For more information, see Adding UI components to a view.
- Create a new section:
- In the header of Dev Studio, click .
- On the Create Section tab, specify the label,
context, class, and ruleset for the design template, and then click
Create and open.
A new section opens in templated mode.
- Convert the templated section into a widget:
- In the section editor header, click Convert to full section
editor, and then confirm the conversion.
- On the Settings tab, convert your section to a
widget by clicking Workarea widget.
- On the Design tab, define the structure and content of
- To add a layout, from the Structural list,
drag layouts into your widget.
- To add a control, expand the list that represents the type of control
that you want to add, and then drag the control to the work area.
- Select the dynamic layout that hosts your widget, and then click the
View properties icon.
- In the Dynamic layout properties dialog box, on the
General tab, define the appearance of your
- In the Container format list, select
- In the list that appears to the right of the Container
format field, select
- Select the Display header and title
- In the Container settings section, select the
Include icon or value checkbox.
- In the Icon or value type list, select
- In the Icon field, enter the location of the
- On the Presentation tab, define additional CSS for your
- Select the Display advanced presentation options
- In the Header CSS class field, enter
- Click Submit.
- Optional: To add a badge that displays the number of assets in the widget when the widget
is collapsed, perform the following actions:
- From the Data display list, drag a Text control to your widget.
- Select the newly added Text control, and
then click the View properties icon.
- On the Presentation tab, in the
Advanced presentation options section, in the
Cell read-write classes field, enter
- In the Cell read-only classes field, enter
- Click Submit.
- In the section definition, click Save.