How can we help you today?

Known Issue: Inline Design Elements are Not Fully Supported in the Wireframe Builder

This article is for you if:

  • You have to the ShortPoint SPFx Visual Builder version 8.0.x.xx or later.
  • You use Office 365 (SharePoint Online) environment.
  • You are a ShortPoint user with an active license.

TABLE OF CONTENTS


Issue


Please note that this issue is related to the newly created content only.
Your old pages content will be adjusted automatically (as described in the Workaround part of this article) during the migration process.


The inline Design Elements cannot be used in between other text parts:



Before, this was possible with the traditional Page Builder:



Note:
ShortPoint has 9 inline Design Elements in total. These are: Abbreviation, Button, Dropcap, Emphasis, Icon, Label, Link, Popover, Tooltip.

Reason


Currently, the inline elements are not fully supported in the Wireframe Builder.


Workaround


As a workaround for now, you may simply insert the inline element on a new line, so it will appear between two Text Design Elements.


This is how it will look like:



And in the view mode:


Please see the steps below.


Step 1: Add the first part of text to the Design Element's content


Edit the page. 

There are two ways of adding the text content:

Option 1. Add a Text Design Element inside the content-holder Design Element

Click the Insert button inside the content-holder Design Element:



Select Text Design Element from the grid:



Inside the Content tab add the text content (1) and click Insert button (2):



Option 2. From the Content tab of the content-holder Design Element


Open the settings of the content-holder Design Element by clicking the cog wheel icon:



Switch to the Content tab and add the first part of the text content you would like to have inside the content-holder Design Element:



Click Update.



Note:
In both cases inserted text will still be added as a Text Design Element:


To learn more about the text editing experience in Wireframe Builder and Visual Builder, please check this solution article: Text Editing Experience in Visual Builder and Wireframe Builder.

Step 2: Insert the inline Design Element


Click the Insert button inside the content-holder Design Element:



Select from the grid the inline Design Element you would like to use (for example, a Link):



Add the Design Element settings and click Insert once you are done:



Step 3: Add the rest of the text to the Design Element's content


Repeat the Step 1 of this workaround to add the rest of the text content after the inline Design Element.


This is how it will look like in Wireframe Builder mode:



Save and/or republish your page.


Result


That's it. This is how it will look like in a view mode:



Further improvements


Very soon, all inline elements will be possible to insert from the text editor easily. It means that you will be able to select a part of text and choose it to be an Abbreviation, Link or any other inline element right from the text editor.

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