Note*
In order to perform this step you need to be an administrator of your O365 Tenant.
Verify that the App Catalog exist in your tenant. If not, the first step is to create the App Catalog site collection.
Example of the typical path to the App Catalog:
https://tenant.sharepoint.com/sites/apps/SitePages/Home.aspx
From the app launcher menu (in the upper-left corner), select Admin to open the Office 365 admin center.
In the left pane, select Admin centers > SharePoint
In the SharePoint Admin Center select More Features in the left pane, and open Apps from the right pane.
On the Create App Catalog Site Collection page, enter the required information, and then select OK.
Note*
In order to perform this step you need to be an administrator of your O365 Tenant.
To make the solution available for installation in your tenant:
Navigate to your App Catalog site.
Example of a typical path to the App Catalog:
https://tenant.sharepoint.com/sites/apps/SitePages/Home.aspx
On the home page of the App Catalog site, select the tile labeled Distribute apps for SharePoint.
Select New and browse to the extracted YourPackage.zip > SPFx_Solutions > O365 folder.
Upload the MT-ModernTheme-01.sppkg and MT-ModernTheme-02.sppkg files, or drag them into the library one-by-one.
When prompted, confirm that you trust the client-side solution MT-ModernTheme-01.sppkg, and MT-ModernTheme-02.sppkg by selecting Deploy for each of them separately.
Click the Properties icon for the MT-Modern0Theme-01 app indicated below to open the Properties Dialog form.
In the Properties Dialog form enter:
For Short Description enter:
"Modern Duotones" SPFx theming solution for SharePoint modern sites.
For Icon URL you use:
https://sharepointpackages.com/images/images-MT_WP/app_icons/MT-App_Icon1.png
For Type the description enter:
"Modern Duotones" SPFx theming solution for SharePoint modern sites from MasterThemes Inc.
For Publisher Name enter:
MasterThemes Inc.
Make sure the Enabled check box is selected so that users are able to add this app to sites.
Click Save.
Now change properties for the MT-ModernTheme-02 app:
Click the Properties icon for the MT-Modern0Theme-02 app indicated below to open the Properties Dialog form.
In the Properties Dialog form enter:
For Short Description enter:
"Modern Monotones" SPFx theming solution for SharePoint modern sites.
For Icon URL you use:
https://sharepointpackages.com/images/images-MT_WP/app_icons/MT-App_Icon2.png
For Type the description enter:
"Modern Monotones" SPFx theming solution for SharePoint modern sites from MasterThemes Inc.
For Publisher Name enter:
MasterThemes Inc.
Make sure the Enabled check box is selected so that users are able to add this app to sites.
Click Save.
Note*
In order to perform this step you need to be an administrator of your O365 Tenant.
Important Note*
To use some of the page templates enclosed in the package (YourPackage.zip), it is necessary to deploy the SharePoint Starter Kit to the tenant App Catalog.The SharePoint Starter Kit solution provides extra web parts to SharePoint Online tenant. The web parts from SharePoint Starter Kit have been visually customized and incorporated into the templates.
The SharePoint Starter Kit solution can be deployed either manually (recommended) or automatically. The automatic method of the installation creates additional site collections and adds extra extensions and components to SharePoint Online tenant that are not required for the templates enclosed in this package (YourPackage.zip).
For manual deployment perform the steps below.
For automatic deployment via SharePoint Online Provisioning Service go to:
https://provisioning.sharepointpnp.com/home/details?packageId=83f9ebe5-3569-462b-a112-cc44b49cf7c2
Navigate to your App Catalog site.
Example of a typical path to the App Catalog:
https://tenant.sharepoint.com/sites/apps/SitePages/Home.aspx
On the home page of the App Catalog site, select the tile labeled Distribute apps for SharePoint.
Select New, browse to the Downloads folder and upload the sharepoint-starter-kit.sppkg file, or drag it into the library.
When prompted, select the Make this solution available to all sites in the organization check box and confirm that you trust the client-side solution sharepoint-starter-kit.sppkg by selecting Deploy.
.
Navigate to SharePoint Admin Center to approve the API permissions:
1) From the app launcher menu (in the upper-left corner), select Admin to open the Office 365 admin center.
2) In the left pane, select Admin centers > SharePoint.
Approve the Microsoft Graph permission requests by selecting each permission request and clicking Approve.
The pending permissions should now be approved.
If you receive an error when approving a Microsoft Graph permission request, try to approve it again. In batch approvals, some requests may fail the first time. On the Create App Catalog Site Collection page, enter the required information, and then select OK.
StockInformation Web Part:
To use the StockInformation Web Part, you need to request a custom API key to Alpha Vantage, which is the provider for live stocks data.
The StockInformation Web Part uses the live stocks service provided by Alpha Advantage. To use it you need a software key, that you can ask for free to the API provider. You will simply need to go to the page to Claim your API Key, fill in the form, and store the generated key in a safe place.
The key should be configured at tenant level, by creating a storage entity using the following PowerShell script:
Set-PnPStorageEntity -Key "PnP-Portal-AlphaVantage-API-Key" -Value "your-api-key" -Comment "API Key for Alpha Advantage REST Stock service" -Description "API Key for Alpha Advantage REST Stock service"
Make sure that you have the latest version of the SharePoint Online Management Shell available on the Microsoft Download site.
Run the SharePoint Online Management Shell as Administrator (right-click on the icon).
Install the PnP PowerShell for SharePoint Online running the following cmdlet:
Install-Module SharePointPnPPowerShellOnline
Confirm that you want to install the modules from 'PSGallery' by typing Y and pressing enter:
Connect to SharePoint Online tenant using thfollowing cmdlet:
Connect-PnPOnline -Url https://tenant-admin.sharepoint.com -credential $credential
When the Sign in window pops up, use your admin credentials to log in:
e.g.
administrator@tenant.onmicrosoft.com
Configure your API Key by running the following cmdlet:
Set-PnPStorageEntity -Key "PnP-Portal-AlphaVantage-API-Key" -Value "your-api-key" -Comment "API Key for Alpha Advantage REST Stock service" -Description "API Key for Alpha Advantage REST Stock service"
Important Note*
Note*
In order to perform this step you need to be an administrator of your O365 Tenant.
In the SharePoint Admin Center select More Features in the left pane, and open Classic site collection page from the right pane.
For Web Site Address leave /sites/ unchanged, and enter exactly:
masterthemes-assets
Important Note*
The web site address of the MasterThemes Assets site collection must be https://[ tenant.sharepoint.com ]/sites/masterthemes-assets. If it is different, the collapsible footer and some other components provided with the package will be either missing or will not work correctly.
On the Site Collections page, open the newly created MasterThemes Assets site. The Template Selection page will open.
On the Template Selection page, navigate to Solution Gallery
In the Solutions Gallery, select Upload Solution > navigate to the extracted YourPackage.zip > MasterThemes_Assets > O365 folder, and upload the MasterThemes_Assets.wsp file.
Make sure the uploaded solution is activated.
Navigate back to the Template Selection page for the MasterThemes Assets site by removing /_catalogs/solutions/Forms/AllItems.aspx from your browser's address bar and hitting enter.
Location of the MasterThemes Assets site:
https:// [ tenant.sharepoint.com ] /sites/masterthemes-assets
On the Template Selection page under Custom tab, select the MasterThemes Assets template and click OK.
Under People and Groups > Set Up groups for this Site, create a group of members (Members of this Site) who will have rights to contribute content of the collapsible footer to SharePoint sites with applied Modern Duotones SPFx theming solution. Members with these rights can also be added to the MasterThemes Assets site at a later time.
In your browser navigate to the site collection you want to install the SPFx Modern Theme app.
Open the settings menu by clicking the gears icon on the top navigation bar, and then select Add an app to go to your Apps page.
In the Search box, enter MT-Modern-Theme, and press Enter to filter your apps.
As a result, 2 apps should match your search: MT-Modern-Theme-01 (Modern Duotones), and MT-Modern-Theme-02 (Modern Monotones).
Select ether the Modern Theme 01 (Modern Duotones) or MT-Modern-Theme-02 (Modern Monotones) to install the solution for your modern site.
To check if either solution is installed on your site, wait a while and refresh your page (F5).