Introduction
Welcome to the SharePoint Spaces step by step series. You are reading the third part of this article series. During this article, we will learn how we can add a 360° Image web part to SharePoint Spaces.
If you haven’t visited my previous articles, please visit the articles using the below link:
- Part 1: Get Started with SharePoint Spaces
- Part 2: Setting Up the Environment with SharePoint Space
- Part 3: Add a 360° image web part to a SharePoint Space
- Part 4: Add 360° virtual tour web part to SharePoint Space
- Part 5: Add a 360° Video web part to a SharePoint Space
- Part 6: Add a 3D Object web part to a SharePoint Space
- Part 7: Add Document Library web part to a SharePoint Space
- Part 8: Add File Viewer web part to a SharePoint Space
- Part 9: Add Organizational Chart Using People web part to a SharePoint Space
- Part 10: Add the Image web part to a SharePoint Space
- Part 11: Add Video web part to a SharePoint Space
- Part 12: Add the Text web part to a SharePoint Space
During this article, we will cover the following things. The same article is available in the form of vLog.
- Overview of a 360° Image
- Add a 360° Image web part to SharePoint Spaces
- Configure different Positioning Properties for a 360° Image web part
- Configure different Properties for a 360° Image web part
So, now let’s get started!
Overview
360° Image allows users to experience the environment, the service or product at its best. With SharePoint Spaces, we can add images that can be visually experienced in 360° form.
This helps in each area – Education, Space, Science, Research, Medical, Marketing everywhere.
Let’s add the 360° Image web part to SharePoint Spaces.
Add 360° Image Web Part to SharePoint Spaces
- Add + icon and add a 360° image web part.
![]()
- Place the web part anywhere on the Space plane.
- This will open a file picker to pick the file.
- Add any 360° Image from your Document Library or OneDrive.
- This will add the following web part to the SharePoint Space page.
Configure Positioning Property
Now, we need to configure the following properties.
Angle
We can set the position of the web part on the space using this property.
Distance from User
How far we wish to set the 360° Image from the end-user. We can set this using this property.
Height
We can set at which height we wish to set our image from the plane surface, we can set.
Y-Axis
We can set the Y-axis of the web part using this property.
Scale
This will increase the overall size of the web part with the podium.
We can simply use drag and drop as well to configure all the properties.
Configure web part Properties
Select our 360° image web part and click on the Pencil icon to edit the web part.
This will open the following configuration property options.
Change Image
From, here we can change the 360° image file.
Using Rotation slicer, we can rotate our 360° image to set the start position.
Also, we can set a 360° image format by clicking on the “Image not displaying correctly” option.
We have the following options for 360° image format:
- Monoscopic
If the camera you used to capture the 360° image was a single-lens camera that was placed on a rig or ring formation to make a circle, select Monoscopic.
- Stereoscopic
If the camera you used to capture the 360° image was two cameras for each field of view, select Stereoscopic.
Details Section
Using this property, we can set Alternative Text for our web part.
Podium
We can show or hide the Podium using this property. A podium is a black box on which our web part is placed.
We can turn off the podium if we don’t want to show the podium in space.
Actions
Actions are something that is triggered when we click on our 360° image.
By default, On trigger is set as,” Enter 360° image”
There are some other actions as well:
- Link to another space = If we have another space pages and we wish users to be redirected on another space page, use this option. Once we select this option it will ask to set another space page URL to us.
- Play audio = Audio is a very important part of the Mixed Reality experience. If we wish to play audio when we click on the image, please choose this option.
Here, we need to provide an audio file.
- Link to a page or item = This option redirects the user to another page or a public web site.
Once we configure the properties, republish your space page.
The web part will look like the following. When we click on the web part, it will open the 360° image.
If we want to close the 360° image, click anywhere in 360° preview and this will close our web part.
Conclusion
This is how we can configure the 360° image web part to SharePoint Space. In my next article, we will create a 360° virtual tour web part in SharePoint Space. So, stay connected for the next article!