#Appendix B - Table of the Supported Web Parts

The following tables list the supported AvePoint Portal Manager web parts and the SharePoint out-of-the-box web parts that AvePoint Portal Manager supports.

#Table of the Supported AvePoint Portal Manager Web Parts

Refer to the following tables for the supported AvePoint Portal Manager web parts:

SharePoint Widgets > Alert

Displays the alert message that will expire soon

Property	Description
Data Source	Define a list where the alert message is retrieved.Select a list within the current site as the data sourceEnter the relative URL of a list in another site as the data source
Style	Select a style to define how the alert message will be displayed.
Allow users to dismiss the alert	Choose whether to allow users to dismiss the alert message. If you allow it, the Delete button will appear on the alert message so that users can click the button to delete the alert message.*Note: The dismissed alert message will appear again after you clear the browsing data if the alert message has not expired yet.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Announcements

Displays the most recently published announcements that have not expired yet.

Property	Description
Data Source	Define a data source where announcements are retrieved.*Note: If the data source is the Announcement list, you cannot filter items by regions; if the data source is the Site Pages library, you cannot filter items either by regions or languages.
Select a view to filter data	Views within the data source are displayed in the drop-down list.Select a view to filter the announcements to be displayed. *Note: If the filter settings of the view are changed, you will need to save the web part settings again to reload the filter settings from the view.
Maximum Number of Announcements per Page	Define the maximum number of announcements to be displayed per page.
Maximum Number of Pages	Define the maximum number of pages to be displayed.
Sort By	Choose how to sort announcements.
Select metadata (up to 2) to be displayed	Choice type columns in the data source are displayed in the drop-down lists. Select two columns to categorize or classify announcements. The selected columns will be displayed on each displayed announcement.
Select metadata (up to 3) to be displayed on the See all page	Select metadata up to 3 to be displayed on the See all page.
Select filters (up to 10) to be displayed	Select filters up to 10 to be displayed.
Enable the Manage feature (pin and reorder announcements)	Choose whether to enable the feature. With this feature enabled, you can pin and reorder announcements. A Pinned label will be added to each pinned announcement.*Note: This feature will be unavailable if you enable the multilingual site feature both in the template and the site.
Maximum Number of Pinned Announcements	If you choose to enable the feature above, define the maximum number of pinned announcements.
Also display the selected filters directly on the web part	Choose whether to also display the selected filters on the web part.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Banner

Displays banners in a rotating mode.

Property	Description
List Title	Define a list where banners are retrieved.
Style	Select a style to define how banners will be displayed.
Maximum Number of Banners	Define the number of banners to be displayed.
Hide this web part when there is nothing to display	Choose whether to hide this web part when there is nothing to display.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Blog

Displays the most recently published blog posts.

Property	Description
Data Source	Define the data source where blog posts are retrieved.Enter the full URL of a site as the data sourceSelect one or multiple sites as the data source
Select a view to filter data	Select a view to filter the blog posts to be displayed. *Note: If the filter settings of the view are changed, you will need to save the web part settings again to reload the filter settings from the view.
Style	Select a style to define how blog posts will be displayed.
Maximum Number of Blog Posts	Define the maximum number of blog posts to be displayed.
Display the blog post description	Choose whether to display the blog post description.
Display the number of comments and likes	Choose whether to display the comments and likes of the blog post.
Display the hyperlink to the source site	Choose whether the site title is clickable so that users can navigate to the site by clicking the site title.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Calendar

Displays the upcoming events.

The data source is an Events list within the current site.

Property	Description
List Title	Define a list where events are retrieved.
Style	Select a style to define how events will be displayed.
Maximum Number of Events	Define the maximum number of events to be displayed.*Note: This setting is available only when you select the List View or Accordion View in the Style setting above.
Maximum Number of Pages	Define the maximum number of pages to be displayed.*Note: This setting is available only when you select the Accordion View in the Style setting above.
URL of the See all Page	Define the URL of the target page where users will be redirected after they click See all.
Display the Calendar View as another view	Choose whether to also display the Calendar View along with the Accordion View to display events.*Note: This setting will be available only when you select the Accordion View in the Style setting above.
Display the event time	Choose whether to display the time of each event.
Display the event location	Choose whether to display the location of each event.
Display the event category	Choose whether to display the category of each event.
Display the event description	Choose whether to display the description of each event.
Display the "Add to my calendar" action	Choose whether to display the Add to my calendar action. With this enabled, you can download an event to an .ics file and then add the event to your own calendar.*Note: This setting will be available only when you select the List View in the Style setting above.
Display the "Link" field value on the event	Choose whether to display the Link field value of events.
Enable the Manage feature (highlight events)	Choose whether to enable the feature. With this feature enabled, you can highlight events.
Automatically highlight the next upcoming event	After enabling the feature of highlight events, you can choose whether to automatically highlight the next upcoming event.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Calendar

Displays the upcoming events.

The data source is multiple Events lists.

Property	Description
Data Source	Events are retrieved from the Events lists of the sites that you specify.
Style	Select a style to define how events will be displayed.
Maximum Number of Events	Define the maximum number of events to be displayed.*Note: This setting is available only when you select the List View or Accordion View in the Style setting above.
Maximum Number of Pages	Define the maximum number of pages to be displayed.*Note: This setting is available only when you select the Accordion View in the Style setting above.
Display the Calendar View as another view	Choose whether to also display the Calendar View along with the Accordion View to display events.*Note: This setting will be available only when you select the Accordion View in the Style setting above.
Display the event time	Choose whether to display the time of each event.
Display the event location	Choose whether to display the location of each event.
Display the event category	Choose whether to display the category of each event.
Display the event description	Choose whether to display the description of each event.
Display the “Add to my calendar” action	Choose whether to display the Add to my calendar action. With this enabled, you can download an event to an .ics file and then add the event to your own calendar.*Note: This setting will be available only when you select the List View in the Style setting above.
Display the "Link" field value on the event	Choose whether to display the Link field value of events.
Display the site title of the Events list	Choose whether to display the site title of the Events list on each event.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Contacts

Displays a list of users according to the order defined in the selected list. Users' Mail, Phone, Department, Job Title, Office Location, and About Me information in their profiles will be shown.

Property	Description
List Title	Define a list where contacts are retrieved.
Style	Select a style to define how contacts will be displayed.
Maximum Number of Contacts	Define the maximum number of contacts to be displayed.
Display responsibility instead of phone number and email address	Choose whether to display responsibility instead of phone number and email address.
Display the organization chart on the current page	Choose whether to display the organization chart.
Redirect users to the Staff Directory page to view the organization chart	Choose whether to redirect users to the Staff Directory page to view the organization chart. If it is yes, enter the full URL of the Staff Directory page.
Redirect users to Teams to view the organization chart	Choose whether to redirect users to Teams to view the organization chart.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Description

Displays the description of a team, department, event, etc.

Property	Description
Title	Define the title of this web part.
Description	Click the content of the web part to enable the rich text editor.
Background Color	Define the background color of this web part.
Web Part Height	Define the height of this web part.
Hide this web part if there is nothing to display	Choose whether to hide this web part when there is nothing to display.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Documents

Displays documents from multiple document libraries

Property	Description
Data Source	Define document libraries where documents are retrieved.
Select a view to filter data	Select a view to filter the documents to be displayed. If the filter settings of the view are changed, you will need to save the web part settings again to reload the filter settings from the view.
Select a folder to narrow down documents	Define a folder within the current document library where documents are retrieved.
Select metadata to display	Columns of the Choice, Date and Time, and Multiple Choices types are displayed here. Select a column from the drop-down list. The column will be displayed on the web part.
Tab Name	Define the tab name that will be displayed on the web part.
Maximum Number of Documents per Tab	Define the maximum number of documents to be displayed under each tab.
Web Part Height	Define the height of the web part.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Employee Spotlights

Displays the uniqueness of employees.

Property	Description
List Title	Define a list where employee stories are retrieved.
Maximum Number of Employee Spotlights	Define the maximum number of employee stories to be displayed.
URL of the See all Page	Define the URL of the target page where users will be redirected after they click See all on the web part.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Feeds

Displays posts from a specific Teams channel and display tweets from a specific Twitter account.

Property	Description
Data Source	Select Teams or Twitter and then click Add to add a data source to display posts from a specific Teams channel or display tweets from a specific Twitter account.
Team	Define the name of the team where posts are retrieved.
Channel	Define the name of the channel within the team defined above, where posts are retrieved.
Maximum Number of Posts	Define the maximum number of posts to be displayed.
Tab Name	Define the tab name that will be displayed on the web part, for example, Teams.
Display the Twitter header	Choose whether to display the Twitter header on the web part.
Twitter Account	Define the Twitter account where posts are retrieved.
Maximum Number of Posts	Define the maximum number of posts to be displayed.
Tab Name	Define the tab name that will be displayed on the web part, for example, Twitter.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > News

Displays the most recently published news items

The data source is the Site Pages library within the current site.

Property	Description
Data Source	News items are retrieved from the Site Pages library within the current site.
Select a view to filter data	Select a view to filter the news items to be displayed. If the filter settings of the view are changed, you will need to save the web part settings again to reload the filter settings from the view.
Enable audience targeting	Choose whether to enable the audience targeting setting to display news items to specific people.
Style	Define the maximum number of news items to be displayed.If you choose Carousel View, you can define the number of news items to be displayed, the time interval, and the position of news titles.
Select a date and time column to display and sort news items in descending order	Columns of the Date and Time type are displayed in the drop-down list. Select a column, for example, Created Time, and then news items will be displayed based on the created time in descending order.
Select a choice or managed metadata column to be displayed	Columns of the Choice type are displayed in the drop-down list. Select a column from the drop-down list. The column will be displayed on the web part to distinguish news items.
Select a text column to be displayed	Columns of the Multiple lines of text type are displayed in the drop-down list. Select a column, for example, Description, and then the description of each news will be displayed on the web part.
Select an option for the See all page	The target page where users will be redirected after they click See all on the web part.
Enable the Manage feature (pin and reorder news items)	Choose whether to enable the feature. With this feature enabled, you can pin and reorder news items. A Pinned label will be added to each pinned news item.*Note: This feature will be available only if: the data source is the Site Pages library within the current site and the audience targeting setting in the site is not enabled.
Maximum Number of Pinned News Items	If you choose to enable the feature above, define the maximum number of pinned news items.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > News

Displays the most recently published news items.

The data source is the Site Pages library in another site.

Property	Description
Data Source	News items are retrieved from the Site Pages library of another site that you specify.
Select a view to filter data	Select a view to filter the news items to be displayed. If the filter settings of the view are changed, you will need to save the web part settings again to reload the filter settings from the view.
Enable audience targeting	Choose whether to enable the audience targeting setting to display news items to specific people.
Style	Define the maximum number of news items to be displayed.
Select a date and time column to display and sort news items in descending order	Columns of the Date and Time type are displayed here. Select a column, for example, Created Time, and then news items will be displayed based on the created time in descending order.
Select a choice or managed metadata column to be displayed	Columns of the Choice type are displayed here. Select a column from the drop-down list. The column will be displayed on the web part to distinguish news items.
Select a text column to be displayed	Columns of the Multiple lines of text type are displayed here. Select a column, for example, Description, and then the description of each news will be displayed on the web part.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > News

Displays the most recently published news items.

The data source is the Site Pages library in other sites.

Property	Description
Data Source	News items are retrieved from the Site Pages library of other sites that you specify.
Add Filter	Add filters to filter the news items to be displayed.
Enable audience targeting	Choose whether to enable the audience targeting setting to display news items to specific people.
Style	Define the maximum number of news items to be displayed.
Display the first published date	Choose whether to display the first published date on each news item.
Select a managed property to be displayed	Select specific metadata to be displayed on each news item.Managed properties configured for the columns in the source Site Pages libraries are displayed in the drop-down list.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > My Schedule

Displays the logged-in user’s schedules from the Exchange calendar.

Property	Description
N/A	N/A

SharePoint Widgets > Organization Chart

Displays the internal structure of a department or organization.

Property	Description
Display staff of	Select a department to display staff only within the specific department or display all staff within your organization.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Out-of-the-box Widgets

AvePoint Portal Manager supports adding a bunch of SharePoint out-of-the-box web parts to a template.

*Note: To add SharePoint out-of-the-box web parts to a template, make sure you have set a modern page as the home page of your SharePoint root site.

SharePoint Widgets > Page Properties

Displays the available page properties

Property	Description
Select page properties to be displayed	Page properties in the Site Pages library are displayed in the drop-down list. Choose multiple page properties. Values of the selected page properties will be displayed on the web part.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Quick Links

Displays the most frequently used applications and links. Default links can be configured to be displayed to all users. Each user can configure their frequently used links and add personal links. Link icons can be images stored in a specific icon location or the Fluent UI icons provided by Microsoft.

*Note: As one part of the Quick Links web part, My Links is used to store a user’s own frequently used links, and users can view the links added by themselves. To enable users to configure their own My Links, site collection administrators/owners need to break the permission inheritance of the Personalized Links list and grant users with the Contribute permission to the list in the …/Lists/Personalized%20Links/AllItems.aspx.

Property	Description
List Title	Define a list where links are retrieved.
Icon Location	Define an icon location where link icons are retrieved.If you want to use Microsoft Fluent UI icons, enter the icon name in the following format: ms-Icon ms-Icon--Icon**Name, and replace IconName with the real icon name.
Maximum Number of Links	Define the maximum number of links to be displayed.
Style	Select a view to define how links will be displayed.
Apply the primary theme color to	Choose either Fluent Icon or Background Color where you want to apply the primary theme color.
Display the link description	Choose whether to display link descriptions on the web part.
Hide the See all link	Choose whether to hide the See all link on the web part.With this setting disabled, users can click See all on the web part to choose whether to display the default links or display their own frequently used links on the web part.
Allow users to add personal links and customize frequently used links	Choose whether to allow users to add personal links and customize their own frequently used links.With this setting enabled, users can click the Settings icon on the See all page to configure the personal links to be displayed.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.
Default Links	Configure the default links to be displayed to all users.Click Add Link and enter the URL and link title in the corresponding text box. You can click Remove below a default link to remove the link.

SharePoint Widgets > SHE

Displays the SHE (Safety, Health, and Environment) data.

Property	Description
List Title	Define a list where the SHE (Safety, Health, and Environment) data is retrieved.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Sidebar Menu

Displays the most popular applications in a sidebar menu. Application icons can be images stored in a specific icon location or the Fluent UI icons

Property	Description
Select a list within the current site	If you select this option, define a list where the data displayed on the web part is retrieved.
Enter the URL of a list on another site	If you select this option, enter the relative URL of the list where the data displayed on the web part is retrieved.
Icon Location	Define an icon location where the application icons are retrieved.If you want to use Microsoft Fluent UI icons, enter the icon name in the following format: ms-Icon ms-Icon--Icon**Name, and replace IconName with the real icon name. For more information on Microsoft Fluent UI icons, refer to the Microsoft article: https://developer.microsoft.com/en-us/fluentui#/styles/web/icons.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Staff Directory

Displays general information of staff in a department

Property	Description
Style	Select a view to define how staff will be displayed.
Display staff of	Select a department to display staff only within the specific department or display all staff within your organization.
Maximum Number of Staff	Define the maximum number of staff to be displayed.
How to sort	Choose how to sort staff when some of them have the same first name or last name.
Advanced Filters	Define refinable filters separated with commas to narrow down search results.
Display the staff's calendar events (data will be retrieved from Exchange)	Choose whether to display the Calendar link on the staff card so that users can click the link to view the calendar events of that staff.What information you can see on the calendar depends on the permission the staff has shared with you when sharing the calendar with you.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Staff Profile - About Me

Web part for staff to get to know each other.

Property	Description
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Staff Profile - Contact Information

Web part for staff to share their contact information.

You can add, edit, reorder, or delete a property

Property	Description
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Staff Profile - Education

Web part for staff to share their education experience.

Property	Description
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Staff Profile - Interests and Hobbies

Web part for staff to share their interests and hobbies.

Property	Description
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Staff Profile - Projects

Web part for staff to share their projects.

Property	Description
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Staff Profile - Skills and Expertise

Web part for staff to share their education experiences

Property	Description
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Staff Profile - User Information

Web part for staff to share their basic information.

Property	Description
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Stock Ticker

Displays the closing price of stocks retrieved from stock exchanges.

Property	Description
List Title	Define a list where the closing price of stocks retrieved from stock exchanges is retrieved.
Style	Select a style to define how stocks will be displayed.
API Key	Define the API key that is used to retrieve the stock closing price.
Data Update Interval	Define the data update interval.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Text

Displays the desired text.

Property	Description
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

SharePoint Widgets > Videos

Display the desired videos.

Property	Description
Client Key	Enter the Google API Key of YouTube.
Playlist ID	Enter the playlist ID of the YouTube video.The playlist ID of a YouTube video is the value of the "list=" part in the YouTube video URL.
Maximum Number of Videos	Define the number of videos to be displayed.
URL of the See all Page	Define the URL of the target page where users will be redirected after they click See all on the web part.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

Apps > Address Book

A self-service tool for employees to connect with others and arrange business meetings quickly. Administrators can configure the organization structure that conforms with the organization requirements. Employees can create favorite groups and manage group members flexibly based on needs of their daily work.

Apps > Vehicle Reservation

A self-service tool for employees to book proper vehicles and record their users. Administrators can manage the vehicle information and oversee all reservations.

Apps > Desk Reservation

A self-service tool for employees to book office desks before heading to offices. Administrators can manage the office desk information and oversee all reservations.

Apps > Office Equipment Management

A self-service tool for employees to apply for office equipment. Administrators can supervise the inventory and status of office equipment and oversee its purchase and consumption over time.

Apps > Conference Room Reservation

A self-service tool for employees to book proper conference rooms. Administrators can manage the conference room information and oversee all reservations.

HTML Components > Image

Displays the desired image.

Property	Description
Style	Modify the image style with custom CSS.
URL	Define the URL of the target image.
Media	Upload images and select the target image.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

HTML Components > Paragraph

Displays the desired paragraph details.

Property	Description
Paragraph	Click the content of the web part to enable the rich text editor.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

HTML Components > Title

Displays the desired title.

Property	Description
Title	Click the content of the web part to enable the rich text editor.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

Custom Widgets > Featured Video

Displays the desired videos.

Property	Description
Video ID	Enter the video ID of the YouTube video.The video ID of a YouTube video is the value of the "?v=" part in the YouTube video URL. For example, if the URL of a YouTube video is https://www.youtube.com/watch?v=KMU0tzLwhu2, the video ID of the YouTube video will be KMU0tzLwhu2.
Width	Define the YouTube video dimensions.
Height	Define the YouTube video dimensions.
Web Part ID for Custom CSS/JS	The ID of the current web part. The value is automatically generated and displayed.

#Table of the Supported SharePoint OOTB Web Parts

Refer to the following table for the SharePoint out-of-the-box web parts that AvePoint Portal Manager supports.

Web Part	United States	Japan	21Vianet	Comment
Highlighted content	Supported	Supported	Supported
Bing Maps	Supported	Supported	Supported
Button	Supported	Supported	Supported
Call to action	Supported	Supported	Supported
Code Snippet	Supported	Supported	Supported
Embed	Supported	Supported	Supported
Countdown Timer	Supported	Supported	Supported
Divider	Supported	Supported	Supported
File and media	Supported	Supported	Supported
Events	Supported	Supported	Supported
Page properties	Supported	Supported	Supported
Microsoft Forms	Supported	Supported	N/A
Group calendar	Supported	Supported	N/A
Hero	Partially Supported	Partially Supported	Partially Supported	The Tiles and Layers properties are not available.
Image	Supported	Supported	Supported
Image gallery	Supported	Supported	Supported
Kindle Instant Preview	Supported	Supported	Supported
Link	Partially Supported	Partially Supported	Partially Supported	This web part does not support adding a link that points to a document.
List	Supported	Supported	Supported
Document library	Supported	Supported	Supported
Markdown	Supported	Supported	Supported
Recent documents	Supported	Supported	Supported
News	Partially Supported	Partially Supported	Partially Supported	The Organize property that supports you to put posts in the order you want does not work.
People	Supported	Supported	Supported
Planner	Partially Supported	Partially Supported	N/A	The web part is available only on pages of Team sites.
Microsoft PowerApps(Preview)	Supported	Supported	N/A
Power BI	Supported	Supported	N/A
Quick chart	Supported	Supported	Supported
Quick links	Partially Supported	Partially Supported	Partially Supported	The Thumbnail property for an item in the web part does not work.
Site activity	Supported	Supported	Supported
Sites	Partially Supported	Partially Supported	N/A	The See all property is not available.
Spacer	Supported	Supported	Supported
Twitter	Supported	Supported	N/A
Stream	Supported	Supported	N/A
Weather	Supported	Supported	Supported
World clock	Supported	Supported	Supported
Conversations	Partially Supported	Partially Supported	N/A	Some web part properties might fail to be displayed on the page. This issue can be solved by manually refreshing the page.
Viva Engage	Supported	Supported	N/A
YouTube	Supported	Supported	N/A