Configure Widgets Instances for GDS Service Portal pages
You can use widget instances to configure the location, properties, and CSS specific to that instance of the widget. Create unique instances of widgets by configuring the options for each instance.
Before you begin
A page must already be created with widgets added to it. For information on how to create or edit a portal page and add widgets, see Configure the GOV.UK Design System Service Portal Pages. You can also configure the existing widget instances on a base system page. For more information on the base system pages that come with the GOV.UK Developer Toolkit, see Configure the GOV.UK Design System Service Portal Pages.
Role required: admin, sp_admin
About this task
Each widget added to a page becomes its own instance. Because widgets are reusable and can appear on different pages to enable the user to do different things, the application of a widget on a page is referred to as a Widget Instance. The page loads with content represented by instances of a widget specific to that page.
Widget instances get their logic from the base widget template, client scripts, server scripts, and depending on the widget, CSS.
You can have several instances of the same widget on a page, and each instance of the widget you configure remains unique. For example, each instance of a Knowledge widget on a page could map to a different knowledge base, or be organized in a different way.
- A reference to the widget
- A reference to the column of the page where the widget is located
- The configuration for a widget in the form of pre-defined form fields and an Additional Options field in JSON format
You can use widget instances to configure the location, properties, and CSS specific to that instance of the widget.
For more information on configuring widget instances, see Configure Widgets Instances for GDS Service Portal pages.
For information on how to clone and edit a default GDS Service Portal widget, see Customize Widgets for GOV.UK Design System Service Portal pages.
Procedure
- Navigate to
- Select Designer.
- Select the page with the widget instance(s) you want to configure.
- In the Service Portal Designer, move to a widget instance and select the Edit icon.
- In the instance options window, fill in the fields to configure the widget instance.
- Select Save.