How can we help you today?

ShortPoint Page Builder Live Mode Feature: EasyPass

With ShortPoint Page Builder Live Mode, you are able to make customizations to your design layout and elements visually on the page. The EasyPass feature allows you to identify the Design Elements present on your page, take you to an active mode where you can select to make changes to just one Design Element, and provide you direct access to the Design Element settings and other actions.

NoteShortPoint Page Builder Live Mode was formerly known as Visual Builder.

Let us explore the EasyPass feature in this article and learn how to navigate it.


EasyPass tags highlighted



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

What is EasyPass?

When you are using the Live Mode interface, you will find that each Design Element on the page is highlighted with a label indicating the Design Element name. These are activated upon hovering over the spaces occupied by a Design Element. This is the EasyPass feature, which allows you to visually select and modify Design Elements as you work to build a beautiful intranet page.

EasyPass tags

EasyPass Structure

We have Design Elements that act as containers on a page. The most common is a Section that contains a Row with one or more Design Elements. This nested structure is displayed in EasyPass as a stack of labels beginning with the Design Element you are hovering over.

In this example, we hovered over the Slideshows content. As you can see, you will be able to view the main label - Slideshows - contained within the first Column of a Row found within a Section

EasyPass stacked tags

EasyPass Active Mode

When you need to modify a Design Element in Live Mode, all you have to do is go into the EasyPass Active Mode. It allows you to select a specific Design Element on the page and work on it without being distracted by the other Design Elements on the page.

  • Entering Active Mode

Selecting an EasyPass label brings you to Active Mode. In Active Mode, the Design Element you selected is highlighted, so you clearly see what you are working on.

Also, you will see that new icons have appeared beside the label:

  1. A cogwheel to open the Design Element settings window;
  2. A trash bin icon to delete the highlighted Design Element; and,
  3. An Other actions ellipsis to open the dropdown menu with duplicate, lock, copy, and cut actions.

how to enter easypass active mode

  • Exiting Active Mode

When you are done with your changes, simply place your cursor and click outside the Design Element to deactivate Active Mode. Your changes will be saved, and you can proceed with designing the rest of the page.

click outside of the design element

While in Active Mode, you can perform adjustments with the Live Mode Hot Actions feature, edit Design Elements settings, and other actions.

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