How to Use the Visual Layout in a Knowledge Zone

The Visual Layout in a Knowledge Zone lets you attractively display image-based content such as images linked to other platform content or external URLs, interactive maps, or an interactive homepage.

>>> This article is for Researchers and Insights Experts.

FYI - You might know Knowledge Zones by another name - check out our glossary to find out!

To create a Knowledge Zone section using the Visual Layout: 

  1. Open a new or existing Knowledge Zone

  2. Create a new section or scroll to the section where you want to use the Visual Layout

  3. Click the Gear icon 1.png in the top right corner of the section

  4. Select “Visual” from the “Choose Layout” section

1.png

The layout of the section will be automatically updated. You can start editing the section and adding image-focused content.

 

To upload a background when using the Visual layout: 

  1. Open a new or existing Knowledge Zone section with a Visual layout

  2. Click the Gear icon 1.png in the top right corner of the section

  3. Navigate to the “Upload Background Image“ section

2.png
  1. Click anywhere in the grey “Background Image“ placeholder

A file picker will open automatically so you can select an image.

  1. Choose the image you want to upload

The image will be immediately loaded to the section. You can leave it “as is”, resize it, or set it as the background image.

If you want to use the image as a background image:

  1. Click “Full Width“

The image will expand to fit the width of the screen.

3.png

To make the image smaller again:

  1. Click back on the “Fit To Section“

The image will adjust to the width of the section.

4.png

If you want to adjust the height of the section:

  1. Click and hold the Expand button at the bottom of the section to adjust the size of the image

5.png

You can add other elements, such as Text, Images, and Cards on top of this image.

 

To use the Size and Position feature to resize images exactly when using the Visual Layout: 

  1. Open a new or existing Knowledge Zone section with a Visual layout

  2. Navigate to the Visual Layout section where you want to upload an image

  3. Click the Gear icon 1.png in the top right corner of the section

  4. Add an image element to the section

6.png

An image element will be immediately added to your section.

  1. Click on the image placeholder

  2. Click “Size and Position”

7.png

A new window will pop up, where you can adjust the parameters.

  1. Enter new values for the width and height

  2. Update the horizontal and vertical positioning, if desired

  3. Click the “Save” button

 

Insider Tips: 

  • Use the Visual layout as a landing page for your Knowledge Zone by uploading images that act as buttons to link to other pages in the Knowledge Zone

  • Use PowerPoint or other image editing software to create icons that include the page name and upload them as image files to your Visual Layout before linking them to different pages

  • You can start adding elements to the Visual Layout section without uploading a background image

Was this article helpful?

2 out of 2 found this helpful