Try ShortPoint nowOn the SharePoint 2019 environment with an unsecured protocol (http), the pasting experience in ShortPoint Page Builder Live Mode and Grid Mode will not work the same as it would with a secured protocol (https). When pasting ShortPoint content onto your secure (https) SharePoint pages, you will see the Design Element right away (Figure 1 below). However, when pasting on insecure pages (http), you will first see a popup window where you will need to paste the shortcode, and then select the desired location to insert the pasted ShortPoint content (Figure 2 below).
Note: ShortPoint Page Builder Live Mode was formerly known as Visual Builder.Figure 1 (https):
Figure 2 (http):
This article explains how you can paste ShortPoint content with this method, such as that copied from the ShortPoint Demos website.
TABLE OF CONTENTS
Before we begin
You must be a ShortPoint user with an active license, and have ShortPoint SPFx version 8.0.x.xx or later installed on the SharePoint 2019 environment.
Why the pasting experience is different
Modern browsers do not allow reading from the clipboard in JavaScript on insecure pages for security and privacy reasons.
Info: To learn more about how and why such protocols have been implemented, you can check the following 3rd party references:
• Unblocking Clipboard Access
• Async Clipboard API
Copy content
From ShortPoint Demos website
You can copy an entire page or single Design Element from the ShortPoint Demos website:
Note: To learn more about copying from the Demos website, see here: How to Copy from ShortPoint Demos Library and Paste in Live Mode.
From Design Elements in Live Mode
There are two ways of copying/duplicating/cutting your existing ShortPoint Design Elements in the ShortPoint Page Builder Live Mode:
Option 1: Context menu
Right-click the Design Element to open the Context menu and choose an option from the drop-down:
Option 2: EasyPass Active mode and Other Actions
Activate the EasyPass Active mode. Click the three dots icon (1) to access the Other Actions and choose an option from the drop-down (2):
From Design Elements in ShortPoint Page Builder Grid Mode
There are two ways of copying/duplicating/cutting your existing ShortPoint Design Elements in the ShortPoint Page Builder Grid Mode:
Option 1: Context menu
Right-click the Design Element to open the Context menu and choose an option from the drop-down:
Option 2: Ellipsis button and Other Actions
Click the three dots icon to access the Other Actions and choose an option from the drop-down:
Paste content
Similar to copying, there are a few different ways you can paste the content:
In Live Mode, either right-click inside a Section or Row, then select Paste from the opened context menu; or activate the EasyPass Active mode and click the three dots icon to open the Other Actions and choose Paste from the drop-down:
In Grid Mode, either right-click inside a Section or Row, then select Paste from the opened context menu; or click the three dots icon to open the Other Actions and choose Paste from the drop-down.
You will see a popup where you can paste the copied content:
Then select a desired Paste option from the options shown. There are the following paste options:
- Paste Before. Use this option if you would like to insert the copied Design Element before the current Design Element.
- Paste Inside. Use this option if you would like to insert the copied Design Element inside the current Design Element. This option is only available for content-holder Design Elements.
Note: The content-holder Design Elements are Column, Accordions, Alert, Animate, Background, Frame, Info, List, Panel, Tabs, Templates, TOC Content, Toggles, Well.
- Paste After. Use this option if you would like to insert the copied Design Element after the current Design Element.
The pasted code will be processed, and all plain HTML will be added as a Text Design Element.
Note: Check out the following article to learn more: Adding, Copying/Pasting Experience in ShortPoint Page Builder Live Mode and Grid Mode.
See it in action
For our example, we have chosen to paste the content before the existing section. This is what the copying and pasting process will look like:
Support: If you need help copying and pasting ShortPoint content, please submit a support ticket.
Related articles:
