Modify the Quick links widget display
Design and manage the appearance of the widget, such as the title, display style, tile size, and content alignment.
Before you begin
Role required: sp_admin or admin
Note: These configuration options are only available for the Quick links widget, not the Quick links (CD) widget. To verify which widget is present in your portal, open the page in the Service Portal Designer Create and edit a page using the Service Portal Designer. For more information on how to configure quick links, see Create a quick link
Procedure
Navigate to All > Self-Service > Employee Center.
On the Employee Center home page, press and hold the control key, right-click the Quick links widget, and then select Instance Options.
Image omitted: quick-inst-opts.png
Quick links widget instance options.
Quick links widget instance options.
- Configure the instance options.
| Instance option | Description |
|---|---|
| Title | Indicates the title of the widget. |
| Card Display Style | Indicates how you want the card tile to appear on the widget. The choices are:- Thumbnail - Simple Default value: Thumbnail |
| Card Tile Size | Indicates the size of the card tile on the widget. The choices are:- Medium - Small Default value: Medium |
| Card Content Alignment | Indicates how you want to align the card content on the widget. The choices are:- Center - Default Default value: DefaultNote: When you support Right-to-Left languages, change the value to Right. Alternatively, use the center alignment to avoid issues. |
| Icon Image Display | Displays the icon image for the card tile. Valid only for:- Thumbnail Center Medium Cards - Thumbnail Left Medium and Small Cards |
| Background Image Display | Displays the background image for the card tile. Valid only for Thumbnail Center Medium and Small Cards |
| Include Description | Option to include description for the card tile. Valid only for:- Thumbnail Left Medium Cards - Simple Medium Cards |
| Tile Background Color | Background color of the card tile. The choices are:- Primary - Dark - Light - Accent - Hexcode Valid only for thumbnail cards. |
| Tile Background Color Hexcode | Specify a hex code for the tile background color. Enter a value in this field only if you select Hexcode in the Tile Background Color field. |
| Icon Overlay Display | Option to display a circular background for the icon. This option is displayed only when an icon is available. |
| Icon Overlay Color Hexcode | Option to specify a color for the circular background for the icon. Enter a value in this field after you select the Icon Overlay Display option. This field defaults to #FFFFFF (white color) if you do not specify a value in this field. |
| Text Overlay Display | Option to display the text overlay. Valid only for Thumbnail Center Medium and Small Cards |
| Text Overlay Color Hexcode | Option to specify a color for the text overlay. Enter a value in this field after you select the Text Overlay Display option. This field defaults to #FFFFFF (white color) if you do not specify a value in this field. |
| Custom Text Color | Indicates custom color for the text. Valid only for thumbnail cards. |
| Custom Text Color Hexcode | Specify a custom color for the text. Enter a value in this field after you select the Custom Text Color option. This field defaults to #FFFFFF (white color) if you do not specify a value in this field. |
| Quick Links | Add or remove quick links that you want to appear in the widget. By default, you have three Quick Links, however you can add more based on your needs.Note: Defer load shows up to six loaders. |
| Load configuration | Order in which the page and widgets data loads. Select one of the following options:- None - Asynchronous: First the page loads, then the widgets data loads. Users see content appear in the widgets as soon as each individual widget loads. - Synchronous: Page and widget data loads at the same time. The page remains blank until all the data loads. |
| Show empty state | Option to show the widget with empty state message. |
- Click Save.
Parent Topic:Quick links
Related topics