ShortPoint Design Elements that support multiple items offer several editing options, including adding, duplicating, moving, and deleting items. This article will demonstrate how you can do so in Live Mode and Grid Mode.
TABLE OF CONTENTS
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.
- You must already have a Design Element that allows adding multiple items, like Image List, Simple List, Tiles, and so much more.
Interactive Tutorial
Start the interactive tutorial to learn how to add, duplicate, move, and delete items:
Step-by-step Tutorial
Follow the steps of the option that suits your needs:
OPTION 1: In Live Mode
Step 1: Edit the ShortPoint Web Part
- Go to the SharePoint page you want to use and click Edit:
- Close the Toolbox:
- Click the Edit properties icon:
Step 2: Edit the Design Element
NOTEBefore proceeding, you must already have a Design Element that allows adding of multiple items. For this guide, we’ll use Image List.
- Click the EasyPass tag of the Design Element:
- Select the cogwheel icon:
Step 3: Go to the Items tab
- Go to the tab where you can modify the items. For most Design Elements, item customization is found in the Items tab.
Step 4: Customize the Items
- Customize the items according to your preferences. Here are the customizations you can do:
![]() | Add New | allows you to add a new item. |
![]() | Cogwheel icon | allows you to edit the item. The options available when editing the item depend on the Design Element you’re using. |
![]() | Duplicate icon | allows you to create an exact copy of an item. |
![]() | Delete icon | allows you to remove an item. |
![]() | Drag and drop icon | allows you to rearrange the items. |
Step 5: Save
- Once satisfied, click the green check mark.
- Select the eye icon to see your page in real-time:
- Save your changes:
Amazing! You can now add, duplicate, delete, and rearrange items in Live Mode.
OPTION 2: In Grid Mode
Step 1: Edit the ShortPoint Web Part
- Go to the SharePoint page you want to use and click Edit:
- Close the Toolbox:
- Click the Edit properties icon:
Step 2: Switch to Grid Mode
- Click the Switch to Grid Mode icon:
Step 3: Edit the Design Element
NOTEBefore proceeding, you must already have a Design Element that allows adding of multiple items. For this guide, we’ll use Image List.
- Hover over the Design Element you’ll use and click the cogwheel icon:
Step 4: Go to the Items Tab
- Go to the tab where you can modify the items. For most Design Elements, item customization is found in the Items tab.
Step 5: Customize the Items
- Customize the items according to your preferences. Here are the customizations you can do:
![]() | Plus icon | allows you to add a new item. Once you add an item, you will be prompted to edit some details. The options available when editing the item depend on the Design Element you’re using. |
![]() | Duplicate icon | allows you to create an exact copy of an item. |
![]() | Delete icon | allows you to remove an item. |
![]() | Up and down icons | allows you to move an item up or down. |
Step 6: Save
- Select Preview to see how your Design Element will look.
- Once satisfied, click the Update.
- Select the eye icon to see your page in real-time:
- Save your changes:
Congratulations! You can now add, duplicate, delete, and rearrange items in Grid Mode.
Related articles: