🖍 Content management web part - Graph results

This article is associated to the "web parts" category. To understand the fundamental of the web parts, read the introduction article

Table of contents

New to Powell Intranet? Click here for the full product overview. 

Introduction

The Graph web part is Powell 365 web part that can be found on different pages on the intranet and has many shapes and forms. For example, if you click a user profile from the Human Resources departments page, you'll be redirected to a page where a graph web part displays information on each user. 

The Graph web part is a useful way to customize and control what you want to display in your intranet, with as many possibilities, elements, and displays that are given.

With this web part, you can display diverse types of elements such as events, news, pages, documents, people, or elements based on a specific list.

.

mceclip2.png

Example of the Graph web part from the Human Resources departments page

 

Settings

  • After selecting the Graph web part, the following edit mode form will appear.

mceclip3.png

Graph edit mode

 

We will explain how to configure each section below: 

 

List configuration

The "List configuration" section is where you will indicate the type of elements you want in your web part. You need to specify from which list will the web part collect the items.

 

mceclip3.png

Graph web-part edit mode, list configuration section
 
When choosing the list, you have different settings available; you can :
  • "Use page metadata." If you decide to use page metadata, you won't have to configure any other settings in this section; all the data will be taken from the page metadata.

mceclip1.png

Graph web-part edit mode, list configuration section when "Use page metadata" is checked

  • Set the "Site url" to choose the site from where you want to load the lists, and then choose one from the drop-down. You have to enter the site url, click on the "Load the lists" button, and then, you'll be able to choose from the site's lists in the drop-down.
  • "Use query string parameters" to enable the use of query string and get all the item information from the url,
  • "Filter only my content," to only retrieve your content in this web part.
 

Display

The display section is where you're going to select how to display your elements in your web part.

You can either select a basic list view for your elements to be displayed in your template or choose to use our Powell 365 templates.

  • "List" view type: your elements will be displayed as a basic list. You can :
    • Decide to show advanced options in your web-part
    • Fill in the maximum amount of elements you want in the "Maximum result number" form
    • Paginate the elements you have in your list
    • You can decide to sort your query results. Please be aware of specifying a managed property that is sortable,  you can decide to sort every property ascending or descending.

mceclip1.png

Graph web-part edit mode, display section: "List" view type

  • "Display template" view type: Powell 365 offers a lot of templates to permit you to have the greatest personalization experience. The templates available in the drop-down list are significant. So they are organized to give a user an idea of the purpose of the template, for which presentation it has been designed for, and for which case each template suits the most. (For example, Event List, News Slider, People Tiles, …). You can :
    • Fill in the maximum amount of elements you will want in the "Maximum result number" form.
    • For each device, you can personalize the display of your elements and make the display more relevant. You can select how many items you want per row and (if the template permits it) the height on each device.
    • Paginate the elements you have in your list
    • You can decide to sort your query results. Please be aware of specifying a managed property that is sortable; you can decide to sort every property ascending or descending.

mceclip0.png

Graph web-part edit mode, display section: "Display template" view type

 

9.png
Graph web-part edit mode, the display section 
 

Mapping

The mapping section is where you're going to select how to map the elements in your web part.

This section configuration depends on the view type you chose in the "Display" section.

 

For the view type: "List."

The following is only when the user selects the " List " view. 

You can add a column by clicking the "Add a column" button. You can also edit and delete each column with the buttons on the top right of its configuration.

For each column, you can :

  • Set a column title and add different languages to it
  • Decide to display it on the table 
  • Set the column content and its type
  •  And add a url to it.
mceclip4.png
Graph web-part edit mode, mapping section for the view type "List."

 

For the view type: "Display template."

The following part is only when the user selects the view type "Display template" here, the mapping is related to the chosen display. 

To map this web part, you can choose to :

  • Select a "title" field and choose to "Map it as Publishing Field,"
  • Select an "image" field and choose to "Map it as Publishing Field,"
  • Set the "Image size" and check whether or not you want to "Use the modern renditions,"
  • Select a "department" field and choose to "Map it as Publishing Field,"
  • Select a "country" field and choose to "Map it as Publishing Field,"
  • Select a "job" field and choose to "Map it as Publishing Field,"
  • Select a "description" field and choose to "Map it as Publishing Field,"
  • Select the "date" and choose to "Map it as Publishing Field,"
  • Set the "Date format,"
  • and select the "content" field and choose to "Map it as Publishing Field."
mceclip2.png
Graph web-part edit mode, mapping section for the view type "Display template."
 

Miscellaneous

The miscellaneous section is where you will set diverse behaviors of your web part.

In this section, you can :

  • Add a "See more option": If you check this option, you can select the "see more" label that'll be displayed on the button see more. If you let it empty, it'll be "See more" by default. You can add a url - when users will click the button, it will redirect them to that url page.
  • Set the behavior of the web part if there are no results/elements to show.
  • Turn off the cache.
mceclip2.png
Graph web-part edit mode, miscellaneous section
 
 
Was this article helpful?
1 out of 2 found this helpful