Include an icon in a PCF widget

Several PCF widgets can include an icon that appears along with them.

About this task

When defining the PCF widget, the method you use to reference the icon depends on the icon type.

Procedure

  1. In Guidewire Studio, in the PCF editor, edit the widget that contains the icon.
  2. Set the values of the iconType and icon attributes according to the category of the icon:
    Category of icon iconType attribute icon attribute
    PNG pngFileName A string specifying the file name, including the file extension. For example, "icon_car.png".
    Guidewire-provided SVG svgFileName A string specifying the file name, excluding the file extension. For example, "icon_car".
    User-provided SVG customerFontGlyph A string specifying the file name, excluding the file extension. For example, "icon_car".
    Font Awesome gwFontGlyph A string specifying the file name, excluding the file extension. For example, "icon_car".
    CSS class customIconClass A string specifying the CSS class name that is added to the gw-icon div. If this attribute is empty, then an empty gw-icon div is still used.

What to do next

See also