How to Move Design Elements Up or Down Your SharePoint Page

Want to change the location of ShortPoint Design Elements, but you’re in Live Mode? Good news! Starting with ShortPoint SPFx version 9.4.0.0 onwards, you can now move Design Elements up or down your page using the Drag and Drop feature. This article will show you how to do it.

TABLE OF CONTENTS

• Prerequisites
• What's New?
• Moving Elements Up or Down
  • Step 1: Edit the ShortPoint Web Part
  • Step 2: Drag Up or Down
  • Step 3: Save
• Frequently Asked Questions
  • Which ShortPoint version do I need to move Design Elements with Drag and Drop?
  • Which Design Elements can I move?
  • Can I still use the move arrows in Grid Mode?
  • Can I move Design Elements somewhere other than up or down?
  • What if I drop a Design Element in the wrong place?
  • Will visitors see the new order right away?
  • Will visitors see the new order right away?

Prerequisites

• You must have the latest ShortPoint SPFx version installed.
• You must be a ShortPoint Designer with an active license.

What's New?

Previously, ShortPoint Designers could only move Sections/Rows up or down in Grid Mode:

But since Grid Mode will be retiring soon, we crafted the perfect solution for you: Drag and Drop! Starting with ShortPoint SPFx version 9.4.0.0 and above, you can now use Drag and Drop to move Design Elements up or down and even anywhere on your page:

Moving Elements Up or Down

Click Get Started or look through the detailed steps to learn how to move Design Elements up or down:

Step 1: Edit the ShortPoint Web Part

• Go to the SharePoint page you want to use and click Edit:

• Close the Toolbox:

• Select the Edit Properties icon:

Step 2: Drag Up or Down

• In this example, we want to move the Stay up to date Section above the Sprint Planning Section. Click the Design Element's EasyPass tag. In this case, the Section tag:

• Then drag and drop it in to its new location:

• The Section now sits above the Sprint Planning Section:

NOTEThe Drag and Drop feature isn't limited to moving Design Elements up or down. You can use it to move Design Elements anywhere on your page. For more information, check out Effortlessly Drag and Drop in SharePoint: Introducing Drag and Drop for ShortPoint Live Mode.

Step 3: Save

• Click Save to keep all your changes:

• Publish your page:

That’s it! You can now move Sections/Rows up or down.

Frequently Asked Questions

Which ShortPoint version do I need to move Design Elements with Drag and Drop?

You need ShortPoint SPFx version 9.4.0.0 or later. If you don't see the option, update ShortPoint SPFx to the latest version.

Which Design Elements can I move?

You can move any Design Elements. Click the element's EasyPass tag, then drag it to where you want it.

Can I still use the move arrows in Grid Mode?

Grid Mode is retiring soon. We recommend using Drag and Drop in Live Mode instead.

Can I move Design Elements somewhere other than up or down?

Yes. Drag and Drop lets you move Design Elements anywhere on your page, not just up or down.

What if I drop a Design Element in the wrong place?

Just drag it again to the right spot. If you want to undo all your unsaved changes, click Discard instead of Save.

Will visitors see the new order right away?

No. Visitors only see your changes after you click Save and then Publish the page.

Related articles:

• Introducing the New ShortPoint Spacing Experience
• Section Design Element: How to Add a SharePoint Section Layout
• Row Design Element: How to Add a Row in SharePoint
• Column Design Element: How to Add a Column in SharePoint
• Spacer Design Element: How to Add Space Between Design Elements