Add A 360° Image Web Part To A SharePoint Space - Step By Step Series

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!