How to Copy and Paste in Live Mode

This article will walk you through how to copy and paste Design Elements using Live Mode.

TABLE OF CONTENTS

• Prerequisites
• Copying Design Elements
  • Option 1: Using EasyPass Active mode
  • Option 2: Using the Context Menu
• Pasting Design Elements
  • Option 1: Using the EasyPass Active Mode
  • Option 2: Using the Context Menu
• Other Copy and Paste Options
  • Copying Content-holder Design Elements
  • Pasting Content-holder Design Elements

Prerequisites

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

Copying Design Elements

There are 2 ways to copy Design Elements in Live Mode: 

Option 1: Using EasyPass Active mode

Activate EasyPass Active mode by selecting the Design Element you want to copy.

Then, click the ellipsis icon.

Select Copy. 

Option 2: Using the Context Menu

Right-click the Design Element you want to copy to see the Context Menu.

Select Copy from the Context Menu.

Pasting Design Elements

There are 2 ways to paste design elements:

Option 1: Using the EasyPass Active Mode

Activate EasyPass Active mode by selecting the Section where you want to paste.

Click the ellipsis icon.

Select any Paste option.

For this guide, we will click Paste [element] before Section which will paste the copied element before the selected Section.

Here are other paste options:

• Paste [element] before Section - pastes the Design Element you copied before the section you selected.
• Paste [element] Into Section - pastes the Design Element you copied inside the section you selected.
• Paste [element] after Section - pastes the Design Element you copied after the section you selected.

NOTE: When you copy a Design Element (without its container Section and Row) and paste it, it will automatically inherit its own Section and Row.

Since this paste option will paste the Design Element you copied before your selected section, click the delete icon to remove the blank Section.

Option 2: Using the Context Menu

Right-click a Section to see the Context Menu.

Then, select Paste [element] after Section.

Since this paste option will paste the Design Element you copied after your selected section, click the delete icon to remove the blank Section.

Other Copy and Paste Options

Copying Content-holder Design Elements

Content-holder Design Elements are elements that can hold other Design Elements. Elements of this type include Section, Column, Accordions, Alert, Animate, Background, Frame, Info, List, Panel, Tabs, Templates, TOC Content, Toggles, and Well.

If you copied Content-holder Design Elements, you will also be copying all the Design Elements it contains. 

For example, we copied an entire Section with four Panels. 

When we paste it, the entire Section including the four Panels will be copied too.

Pasting Content-holder Design Elements

Below are the paste options available for Content-holder Design Elements:

• Paste Before - Use this option if you would like to insert the copied Design Element before the current Design Element.
• Paste After  - Use this option if you would like to insert the copied Design Element after the current Design Element.
• Paste Into - Use this option if you would like to insert the copied Design Element inside the current Design Element. 

Congratulations! You can now copy and paste Design Elements to your SharePoint Page. Enjoy using this feature as you design your sites. 

Related articles:

• How to Copy and Paste SharePoint Templates from ShortPoint Demos Library (Live Mode) 
• ShortPoint Basics: How to Insert a Design Element in Live Mode 
• ShortPoint Basics: How to Edit a Design Element in Live Mode