To use this layout you need to have Atlas version 3.1 or higher. Please speak to your CSM if you need to arrange an update.
In this article:
In the Spotlight Layout
In Focus web parts have a number of layouts available to display content within the web part in different formats. These can be found in the third panel of the configuration settings when editing an In Focus web part. The default results layout is Carousel, where results will be displayed as tiles in a single line, with the tiles scrolling through if there are more results than can be displayed in the space available. To switch to the In the Spotlight layout choose it by editing the web part and choosing it in the 3rd page of options:
The In the Spotlight layout is designed to mimic the Layers layout option from the Hero web part provided by Microsoft, but with increased flexibility and displaying the results based on search rather than requiring static configuration on each page. This is a very engaging way to visualise content within your Atlas page but it can take up a lot of space so you should consider this when building.
Here you can see how the layout will look - each layer will alternate the image between the left and right:
Configuration Options
There are a number of options for configuring the component and the display of the image and text.
- Show/hide the title so only the image is displayed
- Show/hide the type label (shown above the title in each layer)
- Show/hide the date (shown below the title in each layer)
- Show/hide description (shown below the date in each layer)
- Show/hide the call to action link (at the bottom of the non-image part of each layer)
- Set the text for the call to action link.
Supported Content
The Visual Tiles layout for In Focus supports the following Atlas content types: All Page types (Landing, Knowledge, Location, News), Documents, External Insights, Events, Spotlights.
It does not support FAQs or People.
Image Aspect Ratio Sizes
Please note: Images are dynamically rescaled by SharePoint depending on the users browser window size. Larger displays will usually produce a taller image.
In the Spotlight images: the aspect ratio is 4:3
Almost square images, allowing for more flexibility for imagery.
Comments
0 comments
Please sign in to leave a comment.