How can we help you today?

ShortPoint Page Builder Live Mode Pasting Experience on SharePoint 2019 with an Unsecured Protocol (http)

On 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).


NoteShortPoint Page Builder Live Mode was formerly known as Visual Builder.



Figure 1 (https):


HTTPS Example


Figure 2 (http):


HTTP Example


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:


Copy from demos site


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:


Context menu copy Visual Builder


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):


EasyPass copy Visual Builder


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:


Context menu copy Wireframe


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:


Other Actions copy Wireframe


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:


Right click and select Paste


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:


Paste design


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:


See it in action


Support: If you need help copying and pasting ShortPoint content, please submit a support ticket.

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 4 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