How can we help you today?

Adding, Duplicating, Moving and Deleting Items in ShortPoint Design Elements

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.


Items tab


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:


Edit


  • Close the Toolbox:


close icon


  • Click the Edit properties icon:


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:


easypass tag


  • Select the cogwheel icon:


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 NewAdd New allows you to add a new item.
cogwheel iconCogwheel iconallows you to edit the item. The options available when editing the item depend on the Design Element you’re using.
duplicate iconDuplicate iconallows you to create an exact copy of an item.
delete iconDelete iconallows you to remove an item.
drag and dropDrag and drop iconallows 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:


eye icon


  • Save your changes:


Save


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:


Edit


  • Close the Toolbox:


close icon


  • Click the Edit properties icon:


Edit properties icon


Step 2: Switch to Grid Mode

  • Click the Switch to Grid Mode icon:


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:


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 iconPlus iconallows 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 iconDuplicate iconallows you to create an exact copy of an item.
close iconDelete iconallows you to remove an item.
up and down iconsUp and down iconsallows 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:


eye icon


  • Save your changes:


Save


Congratulations! You can now add, duplicate, delete, and rearrange items in Grid Mode.


Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 10 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more