You can configure a links widget to display a list of custom URL links on a page.
Who can do this?
- Workplace administrators
- Site administrators
Set up
- In the Page Builder, select
New Widget.
- From the Widget List, select the
handlebars next to the links widget to drag and drop the widget into place on the Page Builder. See Widget placement on a page for more information on placing widgets on a page.
- Select the placed widget's
Edit button.
- Review and make changes to the settings in the Configuration side panel. See the Settings section below for more details.
- In the Configuration side panel, select Save to apply your changes or Cancel to discard them.
- At the top of the Page Builder, select Save Page to save your changes.
Settings
| Setting | Description |
|---|---|
| Select to expand and collapse the configuration side panel for increased visibility. | |
| Widget Title |
Enter a title for the widget. The title appears as a heading above the widget's contents to provide context to the widget and structure the page's content with defined sections. When entering a title, you do so only for the currently selected language. To enter the title for other languages, select the desired language from the Widget Title Languages dropdown and enter a title in Widget Title. |
|
Select a color swatch from the available color palettes or enter a hexadecimal color code for the title's text. The digital workplace's theme configures the availability of palettes and the use of hexadecimal colors. To enter a hexadecimal color code, use the format: |
|
|
Select a color swatch from the available color palettes or enter a hexadecimal color code for the title bar's background color. The digital workplace's theme configures the availability of palettes and the use of hexadecimal colors. To enter a hexadecimal color code, use the format: |
|
| Widget Title Languages | Select a language from the dropdown to enter a Widget Title translation in the currently selected language. |
| Display the title as an accordion | Select to hide all links in an accordion dropdown menu that expands to show the links. |
| Make Widget Full Width | (Optional) Select to expand the widget to the full width of the available area or page. |
|
Border Color |
Select a color swatch from the available color palettes or enter a hexadecimal color code for all of the links' border colors. The digital workplace's theme configures the availability of palettes and the use of hexadecimal colors. To enter a hexadecimal color code, use the format: To apply the color to all links, select Apply to All. This option can be overridden by selecting the individual link's border colors. |
|
Title Text Color |
Select a color swatch from the available color palettes or enter a hexadecimal color code for all of the links' title text. The digital workplace's theme configures the availability of palettes and the use of hexadecimal colors. To enter a hexadecimal color code, use the format: To apply the color to all links, select Apply to All. This option can be overridden by selecting the individual link's border colors. |
|
Background and Bar Color |
Select a color swatch from the available color palettes or enter a hexadecimal color code for for all the links' buttons and bars' background color. The digital workplace's theme configures the availability of palettes and the use of hexadecimal colors. To enter a hexadecimal color code, use the format: To apply the color to all links, select Apply to All. This option can be overridden by selecting the individual link's border colors. To create a transparent background for the area behind the text, select X in the color palette. |
| Clear All Colors | Select to clear associated colors for all link's Border color, Title text color, and Background and bar color. |
| Apply to All | Once you have chosen any colors to apply to all links, select Apply to All to overwrite any existing color choices on individual links. |
| Select the handlebars next to a Text Link to drag and drop the link in the widget configuration side panel to reorder the links. | |
|
Border Color |
Select a color swatch from the available color palettes or enter a hexadecimal color code for the links' border colors. The digital workplace's theme configures the availability of palettes and the use of hexadecimal colors. To enter a hexadecimal color code, use the format: This option can be overridden by applying colors to all links at once. |
|
Title Text Color |
Select a color swatch from the available color palettes or enter a hexadecimal color code for the links' title text. The digital workplace's theme configures the availability of palettes and the use of hexadecimal colors. To enter a hexadecimal color code, use the format: This option can be overridden by applying colors to all links at once. |
|
Background and Bar Color |
Select a color swatch from the available color palettes or enter a hexadecimal color code for the links' button and bar's background color. The digital workplace's theme configures the availability of palettes and the use of hexadecimal colors. To enter a hexadecimal color code, use the format: This option can be overridden by applying colors to all links at once. To create a transparent background for the area behind the text, select X in the color palette. |
|
Text Link: Link Name |
Enter the text to be displayed as the link's text on the page. |
|
Text Link: URL |
Enter a valid URL address for the link to redirect the user to in their browser. The following link types are supported:
|
|
Text Link: Open in New Tab |
Select to allow the link to be opened in a new tab in the user's browser. |
|
Text Link: Add Link |
Select to add the link to the widget. |
Note:
The digital workplace theme determines the appearance of the widget's content unless a widget setting specifically overrides a theme setting. See the Theme article for more information.