Bulletins
  • 10 May 2024
  • 5 Minutes to read
  • PDF

Bulletins

  • PDF

Article summary

Bulletins widget helps to display crucial information announcements or updates on your company portal.

User persona: Application Designer

Let's explore the following Use Case for designing the Bulletins widget!
Use Case
User persona: Administrator
Solution
Service Management-based company has scheduled website maintenance on the last working day of every month. Sandra, the Administrator wants to communicate the maintenance alerts across the organization.Sam can use Bulletins widget in the designer element and configure it to call the scheduled downtime message in the Bulletins widget.

For details about the Use Case, refer to the graphics below:Bulletins(2)

Configure Bulletins Widget

This section contains the list of steps using which Application Designer can select the Bulletins widget from the Service Portal design screen.

To configure the Bulletin widget, perform the following steps:

  1. Navigate to Design Service Portal > Widgets > Bulletins.Figure: Adding Widgets
     
  2. Customize the Service Portal by dragging the Bulletins widget from the widget list screen.Figure: Bulletins

  3. Click the Settings icon for this field to view the Properties pop-up.

You can view the following tabs on the Settings for this field:

Properties

This section contains the list of properties using which the Application Designer can configure the respective widget feature. To know more about the fields available under the Properties section, see Field Description below.
 
Figure: Properties tab

Field Description

Properties
TitleEnter a title to the Bulletin using the Title text box. Here Important Announcement(s) is added as Title.
Figure: Title
TenantSelect the Tenant from the drop-down list to display department specific announcements.
Figure: Tenant
Show TitleEnable the title for Bulletins. If enabled title appears and if not, title will not get displayed.
Figure: Show Title

Appearance 

This section contains the list of features using which the Application Designer can select formatting properties for the Bulletins widget. 

Figure: Appearance tab

The table below contains the list of fields and their descriptions that are available under the Appearance section:

Field Description

Appearance
Bulletin Style
Select the appropriate style from the Bulletin Style drop-down list.

Figure: Bulletin Style 

Marquee

Marquee style enables bulletin to scroll text scroll horizontally across a screen or display. The screen appears as shown below.

 Figure: Bulletin Style

Select Elements to Include under Marquee Bulletin Style. It allows you to select the elements of the widget that should be displayed in the dashboard. Figure: Include Elements

Upload the Bulletin Separator Image for the Bulletin Style.Figure: Bulletin Separator Image

See the screenshot for information on the image properties.Figure: Image properties

Select the time interval between the two bulletins from the drop-down list.Figure: Interval

When Marquee is selected as Bulletin Style, the Bulletin scrolls in a page as shown below:marquee bulletin

Figure: Bulletin in Marquee style

Vertical RollVertical Roll style enables the bulletin to slide up and down automatically.
The screen appears as shown below:

Figure: Vertical Roll field values

Specify the count of maximum characters under the field value. Figure: Maximum characters

Select the node and line color from the color palette for the bulletin style.

Figure: Node Color

Figure: Line Color

Here #072bf5 is selected for node and line color.

Select the background color for the bulletin. You can pick the required color from the color palette. Here #ffffff is selected for bulletin background. Refer to the screenshot for more details.

Figure: Bulletin Background

Select the Include Elements under Vertical Roll style. It allows you to select the elements of the widget that should be displayed in the dashboard.

Figure: Include elements

Refer to the screenshot below for more details.

Figure: Bulletin in Vertical Roll style

Grid ViewGrid View style enables the bulletin to load infinitely in a list form one below the other. If you select Grid View, then the screen appears as shown below: Figure: Grid View
Here Bulletin Header is specified as default under Include Elements for Grid View Style. You can select the elements of the widget that should be displayed in the dashboard as required.

Refer to the screenshot below for more details.

Figure: Grid View
CarouselCarousel style enables the bulletin to load one after the other with the help of left and right arrows.
Define the time interval to automatically slide the bulletins using the Slider Interval textbox.
Figure: Carousel

Here Bulletin Header is selected under Bulletin Header by default and Interval is specified as 5 sec.

Refer to the screenshot below for more details.

carosuel bulletin

GIF: Bulletin in Carousel style

Title
Text Type
Select the appropriate text type format from the drop-down list. The Text type can be changed for the widget if required.
Figure: Text Type 
Text Color


Select the appropriate font color for the widget by selecting the color from the color palette.Figure: Text Color
Text Size

Select the appropriate font size by dragging the slider. Here text size is selected as 12.Figure: Text Size 
Text Style


Select the appropriate font style from the drop-down list. 
Text Style allows for the selection of one or more styles (bold, italics, and/or underlined) simultaneously.
Figure: Text Style
Text Alignment


Select the suitable Text Alignment from the drop-down list for the widget. Only one alignment can be selected at any given time.Figure: Text Alignment


Text
TextSelect the appropriate text type, color, size, style, and alignment for the Bulletin widget. Refer to the screenshot for more details.
Figure: Text
Background
BackgroundSelect the background type for the bulletin background. You can configure Transparent or Solid or Image based on the requirement.
Figure: Background type

Padding
Padding
Add auto padding to the Top, Right, Bottom and Left by enabling the Padding switch in the Properties popup. The screen appears as:
Figure: Enable auto padding
Here 10 is entered as value for all switches under the Padding.

Border
Border Select the border by selecting the desired Border Type from the drop-down list.
Figure: Border
SideSelect the sides for which the border has to be applied from the side drop-down list.Figure: Side
WidthSelect the thickness of the divider by selecting appropriate option from the Width drop-down list.Figure: Width
ColorSelect the desired color for the border. Click the default color cube to load color palette and select the desired color tile.Figure: Color
RadiusSelect the border Radius by selecting desired radius from the Radius slider.
If Radius is selected as zero, then the corners are sharp and if the radius is increased, then the corners become rounded.

Figure: Radius
Dimensions
Dimension

Select the widget's height and width from the drop-down list. You can set the height in pixels (px) and the width in both percentage (%) and pixels (px). Using a percentage for width allows the widget to fill the container's width.

Figure: Dimension

Here Height is specified as 317 px and Width is selected as 94.64 % for the widget.

 Figure: Dimension values

Click Save to save the widget properties in the Service Portal designer screen. If you want to discard the properties, a pop-up window appears on your screen asking for confirmation to cancel this configuration.

Figure: Confirmation window

You can navigate to the Service Portal screen and check the configured Bulletins widget.

Figure: Bulletin in Vertical Roll style 



Was this article helpful?

What's Next
Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.