How can we help you today?

Visual Builder Feature: Floating Page Settings Bar

ShortPoint Visual Builder has a revamped user interface, focusing on the accessibility of key functionalities at any point of your SharePoint intranet design journey. In this article, we will get you familiar with the new Floating Page Settings bar


TABLE OF CONTENTS


Prerequisites

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

What is the Floating Page Settings Bar?


It is a semi-transparent bar in front of the Visual and Wireframe Builder interface when editing a ShortPoint web part. It contains ready-to-access icons that open or trigger different types of features you would use regularly. It is always present while you are in edit mode and can be collapsed into one button for you to have a better view of your page.


where the floating page settings bar is


What options does the Floating Page Settings Bar hold?


The following actions are available from the Floating Page Settings Bar:


Collapse or expand Floating Page Settings Bar


You will find in the middle of the floating bar an X button that collapses the Floating Page Settings Bar into a single button in the middle of the page. This gives you the ability to choose to see a full view of your intranet page without much distractions whenever you want to. Simply press the equals sign button to expand the Floating Page Settings Bar back to where you can see the different icons.


collapse button


See it in action in the example below:


how the collapse button works


Switch between Visual and Wireframe Builder


When you enter edit mode, the default interface will be the Wireframe Builder. Hitting the switch-to icon brings you to the Visual Builder interface. Toggle back and forth between the two ShortPoint interfaces at your own convenience.


  • In Wireframe Builder:


switch to visual builder button


  • In Visual Builder:


switch to wireframe builder button


See it in action in the example below:


how to switch from visual to wireframe builder and vise versa


Access Demos Library


Open our Demos Library directly from the Floating Page Settings bar to copy page, section, and Design Element templates. This will open a new window directing you to the main page where you can find several designs you can easily copy and paste into your SharePoint page.


demos library button


Open History window


Click the clock icon to launch the History window, where you can view and revert your design edits and actions. For more details about the Visual Builder History feature, access our support article about it.


history window button


Copy or paste ShortPoint web part


It is now easy to copy and paste a full ShortPoint web part from an existing SharePoint page or from the ShortPoint Demos site. The Floating Page Settings Bar has a copy/paste icon which you can press to copy the current web part you are in, saving this information into your clipboard. Press the same icon to paste a copied web part from your clipboard. For more details about the Visual Builder Copy and Paste feature, access our support article about it.


copy web part button


Connect to ShortPoint Knowledge Base or Support


When you need information or support to achieve what you are looking for in designing your page, click the question mark icon to provide you ready links to our Knowledge Base and Support portal.


help button


Delete ShortPoint web part content


If you want to remove existing content on a ShortPoint web part, simply press the trash icon from the Floating Page Settings Bar. This will not affect other ShortPoint web parts on the page, just the one that you are currently on and editing.


delete button


Preview ShortPoint web part


See how your design looks like and behaves instantly through the preview icon. When you are in the Wireframe mode, you will be brought to the output view of the ShortPoint web part. When in Visual Builder mode, you will view the ShortPoint web part without the Easy Pass controls.


preview button


Discard recent changes made to ShortPoint web part


If you do not want to keep the modifications you made when you went into edit mode for a specific ShortPoint web part, just hit the Discard button and recent changes will be removed. This will not affect any changes you made for other ShortPoint web parts on the page.


discard button


Save changes made to ShortPoint web part


Ensure that your design edits are saved for a ShortPoint web part by clicking the Save button.


save button


That is all for the new Visual Builder Floating Page Settings Bar. We hope you enjoy building your SharePoint intranet pages with it.


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