How can we help you today?

How to Copy from ShortPoint Demos Library and Paste in Visual Builder

Our Demos Library contains a collection of ready-to-use page design templates and Design Element samples that you can copy and paste into your intranet page. You are sure to find the right combination of ShortPoint Design Elements that fits your needs and build your page in no time. In this article, we will show you how to instantly apply these templates to your own SharePoint environment using ShortPoint Visual Builder.


TABLE OF CONTENTS


Prerequisites

  • You upgraded to the ShortPoint SPFx version 8.0.x.xx or later on Office 365 (SharePoint Online) or SharePoint 2019 environment;
  • You are a ShortPoint User with an active license.

How to Copy from ShortPoint Demos Library

Step 1: Go to Demos Library

Once you enter the ShortPoint web part edit mode, you will find a Floating Page Settings bar at the bottom of the page. Access our collection of page, Section, and Design Element templates by pressing the Demos Library icon on it.


demos library button


You can also add the web address demos.shortpoint.com to your browser, and it will bring you to the main Demos Library page.


Step 2: Copy desired page or section


Browse through the different template options and select the page, Section, or Design Element template you want to copy.


Copying a whole page


When you copy a whole page in Demos Library, you will be able to obtain all Sections, how it is laid out into Rows and Columns, the Design Elements used and their customized settings, and the sample content. 


However, the color palette and the underlying theme of the page are not included. Check out our support article on how to Copy Themes from ShortPoint Demos Website in order to apply these on your site.


Navigate to the Copy & Paste bar at the top of the page you want to copy and press the Copy Page button. This will copy the data of the whole page onto your clipboard.


copy page button


Copying parts of a page


You also have the option to copy only Sections of the page or specific Design Element examples you wish to use on your own intranet page. This means you will obtain the Section, the Design Element it contains, its customized settings, and the sample content.


To do this, go to the Copy & Paste bar and enable the Allow to copy parts toggle. Scroll down to the part of the page you want to copy and hover over it to see the Copy button. Click Copy, and it will be stored onto your clipboard.


copy parts button


How to Paste Copied Template in Visual Builder


There are two ways to paste copied pages and their parts into your ShortPoint web part in Visual Builder. Choose the one that works best for you.


Option 1: Paste with EasyPass Other Actions button


Step 1: Enter EasyPass Active Mode


Go to the Section or Design Element closest to where you want to insert your copied page or page part. Press the EasyPass tag to go into Active Mode.


click easypass tag


Step 2: Press the Other Actions button


Hit the ellipsis button to open the dropdown menu, where you will find paste options related to what you copied.


other actions button


Info: If the paste options are greyed out, you may need to repeat the copying process again or the content you copied cannot be inserted within the area you selected.


Step 3: Select the appropriate Paste option


Choose the paste option that fits what you want to achieve on your page, and you will see the same content as you have seen it in our Demos Library.


paste options


Info: When pasting a Design Element before or after a Section, it will automatically be inserted into a new Section and Row.


Option 2: Paste using Context Menu


Step 1: Right-click to open the context menu


We made several edit options also available through the context menu. Right-click on empty space around a Design Element where you want to paste your copied template. This will show a list of options in a pop-up window.


open context menu


Info: If the paste options are greyed out, you may need to repeat the copying process again or the content you copied cannot be inserted within the area you selected.

Step 2: Select the Paste option


Hit Paste and the contents you copied will be inserted accordingly.


paste option


Info: When pasting a Design Element before or after a Section, it will automatically be inserted into a new Section and Row.


Now that you successfully pasted the page, Section, or Design Element template, you can go ahead and customize their settings and contents according to your needs.


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