How to Manage the Visibility of Design Elements

ShortPoint allows you to control the people, groups, and devices where a Design Element is visible. This article will demonstrate how to adjust the visibility settings of Design Elements and list all its features:

TABLE OF CONTENTS

• Prerequisites
• Interactive Tutorial
• Step-by-step Tutorial
  • Step 1: Edit the ShortPoint Web Part
  • Step 2: Switch to Grid Mode
  • Step 3: Edit a Design Element
  • Step 4: Modify its Visibility
  • Step 5: Save
• Visibility Features

Prerequisites

• You must have the latest version of ShortPoint SPFx installed on your SharePoint environment.
• You must be a ShortPoint Designer with an active license.

Interactive Tutorial

Click Get Started to learn how to manage visibility settings for Design Elements:

NOTETo learn more about the settings you can modify, check out Visibility Features.

Step-by-step Tutorial

Follow the steps to learn how to manage the visibility of Design Elements:

Step 1: Edit the ShortPoint Web Part

• Go to the SharePoint you want to use and click Edit:

• Close the Toolbar:

• Edit the ShortPoint Web Part:

Step 2: Switch to Grid Mode

NOTEThe Visibility tab is currently only accessible in Grid Mode.

• Click the Switch to Grid Mode icon:

Step 3: Edit a Design Element

• Click the cogwheel icon of the Design Element that you want to manage the visibility of:

NOTEWhen you apply visibility settings to a Section, Row, Column, or content-holder Design Elements, it will also be applied to all Design Elements contained within.

Step 4: Modify its Visibility

• Customize the visibility settings according to your preferences.
• Once satisfied, click Update.

NOTETo learn more about the settings you can modify, check out Visibility Features.

Step 5: Save

• Select the eye icon to see your page in real-time:

• Save your changes:

Congratulations! You now know how to manage the visibility of Design Elements.

Visibility Features

Below are the options you can modify inside the Visibility tab:

PEOPLE AND GROUPS

	This ShortPoint is visible only for	allows you to specify which people and groups the Design Element is visible to.
	Do not show it for	allows you to specify which people and groups the Design Element is not visible to.
	Enable Advanced Settings	when enabled, additional settings will appear.
	Enable support for other groups	when enabled, visibility to AD Group, Office 365 Group, or Security Group will be supported. To learn more, check out How to Set ShortPoint Element Visibility to Active Directory Security Group.
	Use group names	By default, ShortPoint will use Group ID on the backend. Enabling this will use the Group Name instead. This is useful if you want to keep the same visibility settings when migrating from one site to another.

DEVICES 

Do not show ShortPoint on the following devices

allows you to choose the device on which you don’t want the Design Element to be shown. The devices available are desktop, tablet, mobile, and print. ShortPoint uses the following screen widths as breakpoints for the devices: 992px and more - Desktop; 768px to 991px - Tablet; 767px and less - Mobile.

NOTES: [1] Enabling Print will hide the Design Element in browser print view mode. [2] If you wish to hide ShortPoint Design Elements using other width breakpoints, check out Customize Visibility for Devices with Different Dimensions.

Related articles:

• Managing Paddings and Margins for ShortPoint Design Elements
• How to Set ShortPoint Element Visibility to Active Directory Security Group
• Customize Visibility for Devices with Different Dimensions