Styling the Birthday widget

You can find additional styling options for the Birthday widget on the Additional Styles page located in the Presentation section of the Control Panel. The styles that you set here will automatically be applied to every Birthday widget within your digital workplace. 

Sections in this article: 

Considerations and caveats

Who can access this page

  • Workplace administrators
  • Enterprise administrators

Caching

Any changes will be visible immediately for the administrator making the change; however, it can take about 5 minutes for other users to see the change due to browser caching.

Available styles

Contained

Configure widgets to have a background and border that covers the entire widget.

To select a background color, enter a hex color code or select the color swatch to open the color picker. You can select a color and transparency in the color picker or enter either HEX and RGBA color codes (Select to toggle between color formats).

In addition to the background color, select the style of the border that appears around the entire widget. Your options are:

  • None
  • Square
  • Rounded

If you select Square or Round borders, you can also set their color. Enter a hex color code or select the color swatch to open the color picker to set the border color.

Background color #d4d4d4 and black Rounded borders

Separated

Configure widgets to have a background and border that covers only the contents of the widget

To select a background color, enter a hex color code or click the color swatch to open the color picker. You can select a color and transparency in the color picker or enter either HEX and RGBA color codes (Select to toggle between color formats).

In addition to the background color, select the style of the border that appears around the widget's content. Your options are:

  • None
  • Square
  • Rounded

If you select Square or Round borders, you can also set their color. Enter a hex color code or select the color swatch to open the color picker to set the border color.

A celebration's widget using the Separated style.

Transparent

Configure the widget to have no background or border.

A celebration's widget using the Transparent style.