Key Initiatives
The component to bring together the most important company initiatives and events in a single space on the SharePoint intranet.
Last updated
Was this helpful?
The component to bring together the most important company initiatives and events in a single space on the SharePoint intranet.
Last updated
Was this helpful?
Present a thorough summary of organizational initiatives by consolidating them in a unified section on the SharePoint intranet.
This webpart facilitates the promotion of significant initiatives and events through a contemporary and adaptable design, encouraging users to explore the content and not just stop at the portal's homepage.
If your page is not already in edit mode, click Edit at the top right of the page.
Hover your mouse above or below an existing web part and you'll see a line with a circled +, like this:
Click on it and, in the web part search box, enter Key Initiatives to quickly find and select the Key Initiatives web part.
The view settings allows you to customize the appearance of your application by adjusting various layout settings.
By opening this first configuration, you will see the following options:
Do you want to hide the background? You can choose to hide or display the webpart background The default setting is “No”. This means that, by default, the webpart is characterized by a white background. If you enable this option, the white card background will be completely removed, allowing the content appear directly on the page. As a result, the webpart will be transparent, showing either the selected background image or the chosen SharePoint page color.
Do you want to hide the background shadow? You can choose whether to show or hide the background shadow. The default setting is “No”. This means that, by default, the webpart is characterized by a subtle depth effect that can make the webpart stand out more against the rest of the page. If you enable this option, the shadow behind the background will be removed, giving the web part a flatter, cleaner look without any depth.
Select the type of background shadow If you decide to set the background shadow, a further configuration will appear and you can select the style from High Contrast, Light, or Dark options.
If you select High contrast, this option creates a strong, bold shadow effect that provides a high level of contrast between the background and the content.
By choosing the Light background shadow, it will create a soft and subtle effect, giving a more delicate and gentle depth to the background.
Finally, the Dark background shadow style provides a darker, more intense effect, adding depth and emphasizing the background even more.
Do you want to hide the title? Here you can select whether to show the webpart title or hide it. If set to visible, the web part title will appear on the left side.
Enter the application title Thanks to this configuration, you can customize the application title. If you keep it blank, SharePoint will show the default title “Key Initiatives” at the top left angle of the webpart.
Key Initiatives allows you to take the most important initiatives from a specific SharePoint list. Moreover, if you choose the Normal style, you'll see a button that allows you to land to a page that collects all your company's initiatives.
Insert the site URL: here put the SharePoint site where the Key Initiatives list is stored.
For example: https://intranetai.sharepoint.com/sites/my-hub/
Select List: here you have a drop down menu of all the lists stored in the site you just linked. Here please select Key Initiatives.
Insert "View More" URL: here you can put the link of another page where all the initiatives are stored. If you decide to put a link, a "View all initiatives" button will be visible in the bottom part of the webpart. If you decide to leave this field blank, you won't see the button.
Where do you want to open the "view all initiatives" link: here you can decide to open the "View all" link on a new page or on the current page.
Where do you want to open the initiative: here you can decide to open a specific initiative link on a new page or on the current page.
Show "Read" button: Choose whether to display the "Read" button that appears below the initiative.
Key Initiative allows you to personalize the mask of the pictures in the webpart. In default mode, photos are square-shaped with rounded edges. However, thanks to this feature, you can choose the shape you prefer (the logo mask, a circle, a square without rounded edges...).
Here you can create your own mask and, once you choose the mask you'd rather, you can upload it to the Site Assets of your SharePoint portal and copy its path inside this area.
If you leave it blank, you'll have the square-shaped with rounded edges.
Once you're done with these configurations, always remember to click Save as draft to have the preview. Once you're happy with the final result, click Republish to make the area visible for all the users in the intranet.
As seen before, key initiatives are all gathered in the corresponding list. To add a new initiative, follow these steps.
Click on the Settings icon on the top right of the page, then click on Site contents.
Scroll down until you see the list named Key Initiatives.
To add a new initiative, click on New. The following panel will appear. The fields marked with an asterisk (*) are mandatory:
Title: the title of the initiative
Description: a short text explaining what the initiative is about
Image: this field requires the preview image to be shown in the webpart
Url: the link corresponding to the initiative, to discover more about it. This field is not mandatory, since as we previously saw, the Compact layout does not have the READ button. If you leave this field blank, the READ button won't appear in the Normal layout either.
Order: this field allows you to choose a specific order of appearance in the webpart.
Once you're done with fillings the fields, always remember to click on Save.
Click the Edit properties button on the left of the web part to open the property pane and set options such as View settings, Lists initiatives Settings and Mask settings. See below for more information on each of these options.
If you need more information about the format and dimensions of the picture to be used as mask, .
