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



What options does the Pages Setting Bar hold?


The following actions are available from the Page Settings Bar:


Collapse or expand Page Settings Bar

You will find in the middle of the floating bar an X button that collapses the 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 Page Settings Bar back to where you can see the different icons.



See it in action in the example below:



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:



  • In Visual Builder:



See it in action in the example below:



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.



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



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.



Delete ShortPoint web part content


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



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.



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.



Save changes made to ShortPoint web part


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



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


Related Articles: