How can we help you today?

Visual Builder: Known Issues and Limitations

In this article, we will list known issues and limitations that currently exist in the Visual Builder and Wireframe Builder and the workarounds to fix them.


TABLE OF CONTENTS


This article is for you if

  • You have the ShortPoint SPFx Visual Builder version 8.0.x.xx or later.
  • You use Office 365 (SharePoint Online) or SharePoint 2019 environment.

Known Issues and Limitations

Inline Design Elements are not fully supported


Currently, the inline Design Elements are not fully supported in the Visual Builder. 

ShortPoint in total has 9 inline Design Elements. These are:

  • Abbreviation,
  • Button,
  • Dropcap,
  • Emphasis,
  • Icon,
  • Label,
  • Link,
  • Popover,
  • Tooltip.


If one of this inline Design Elements was in between two text parts, after the page migration, it will appear on a new line between two Text Design Elements. This is how it will look like:

  • In the edit mode of a content-holder Design Element, Content tab:


Content tab with 2 text parts and inline Design Element in between


  • In Wireframe Builder:


Wireframe Builder mode with 2 text parts and inline Design Element in between


  • In Visual Builder:


Visual Builder mode with 2 text parts and inline Design Element in between


  • In view mode:


View mode with 2 text parts and inline Design Element in between


If you would like the inline Design Element to appear on the same line as the rest of the text, you can now do that directly from the text editor options of the Text Design Element. Therefore, you can readjust migrated content afterwards. 


Notes:

1. Continue to this solution article to know how to use the inline Design Elements directly from the text editor options: Introducing Inline Design Elements Feature for Visual Builder and Wireframe Builder.


2. For more details about the migration of the inline Design Elements, check this article: Known Issue: Inline Design Elements are Not Fully Supported in Wireframe Builder.


Unsupported layout: inserting Rows inside content-holder Design Elements


In the new Visual Builder and Wireframe Builder all Design Elements have to be placed inside the Section and Row.

Therefore, adding another Row inside the content-holder Design Element, like Tabs, is no longer possible:


Inserting Rows/Sections inside content-holder Design Elements from the Page Builder


Before, this was possible with the legacy Page Builder:


Legacy Page Builder with unsupported layout: Row inside the Tabs



Note: Here is the list of content-holder ShortPoint Design Elements, that do not support adding Rows inside them: Accordions, Alert, Animate, Background, Frame, Info, List, Panel, Tabs, Templates, TOC Content, Toggles, Well.


Note:
For more information, please continue here: Unsupported Layout: Inserting Rows Inside Content-Holder Design Elements is Not Supported in Visual Builder and Wireframe Builder

Using OOTB SharePoint WebParts inside ShortPoint Sections


In the new Wireframe Builder, you cannot insert SharePoint web parts directly to the ShortPoint Section or Row.


Adding SharePoint Web Part right inside the ShortPoint Row is not possible


We have introduced a new Design Element called WebPart Container, that you can use for adding SharePoint web parts. 


Note: 
This Design Element is only available for classic SharePoint sites.


There are some important moments that you need to pay attention to once working with SharePoint OOTB WebParts in Wireframe Builder:

  • It is not possible to copy or duplicate existing SharePoint OOTB web parts. Once you paste the WebPart Container with the SharePoint web part inside it, only the WebPart Container with rich text in it (if any) will be saved.
    In case you would like to use the same SharePoint web part, you will need to add it inside the WebPart Container manually from the ribbon.

  • If copying to the modern pages, WebPart Container will be converted to a Text Design Element. The SharePoint OOTB web part will not be saved.

  • In case you would like to delete the SharePoint OOTB web part, you will need to delete the web part first and then delete the WebPart Container.


Note: 
Check our solution article for more details about ShortPoint WebPart Container for Classic Pages and Using SharePoint OOTB WebParts in Wireframe Builder.

Pasting Design Elements and text content


Part 1. Design Elements


In new Wireframe Builder you cannot put your cursor to some place on the page and then paste the Design Element/text content into it. 


All Design Elements should be placed inside a Section and a Row. 

You cannot paste a single Design Element outside - it will be placed inside a new Row and Section:


Single copied Design Element will be automatically pasted in the Section and Row


You can paste Design Elements in two ways:


Option 1. Use the Paste option for the existing Design Elements


1. Hover over the Design Element, before, after or inside which you would like to paste it and click the three dots icon from the Action buttons to show the options.

2. Choose the paste option from the Other Actions dropdown:

  • 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 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.


Other Actions paste options


Option 2. Context menu (right click and paste)


Copy the Design Element.


Right click at the field where you would like to paste your Design Element to open the Context menu and choose Paste from the drop-down of Other Actions:


Context menu paste options


You may paste the copied Design Element inside the content-holder Design Elements (Column, Info, Panel etc.) and before or after all existing elements.


There are the following content-holder ShortPoint Design Elements:

  • Column, 
  • Accordions,
  • Alert,
  • Animate, 
  • Background, 
  • Frame,
  • Info,
  • List,
  • Panel,
  • Tabs,
  • Templates,
  • TOC Content,
  • Toggles,
  • Well.


Note: 
You cannot add Animate, Templates, TOC Content in Visual Builder. Please use Wireframe Builder instead.


Note: 
Check our solution article to know more about Adding, Copying/Pasting Experience in Visual Builder and Wireframe Builder.

Part 2. Text content


All rich text content inside existing Design Elements will be converted to the Text Design Elements after migration.

In Visual Builder and Wireframe Builder the Text Design Element is used as a building block, and it replaces the rich text content.

 

  • You may use Text Design Element for adding new text content:


Text Design Element to be used for adding rich text content


  • For the content-holder Design Elements you can add the text directly in the Content tab, and it will be automatically added as a Text Design Element:


Adding the text in the Content tab of the content-holder Design Element will result in creating a Text Design Element


Note: 
Check our solution article to know more about Text Editing Experience in Visual Builder and Wireframe Builder.

Firefox: Pasting from Demos website and other SharePoint pages is not supported


Pasting the page/Section templates from our Demos website and other SharePoint pages is not supported in Firefox


Note: 
To know more about this issue, check our article: Known Issue: Pasting Content from ShortPoint Demos Website or Other SharePoint Pages is Not Supported in Firefox (Visual Builder).

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