The Arrange inspector

The Arrange inspector pane, the Arrange menu and the format bar controls let you manage element layering.

Elements are drawn in the order they have been added to the project. Draw order is not important if elements don’t overlap each other. When overlap occurs you need to control ordering.

The Back button brings the element behind all the others, while Front brings it in front of all others. Backward moves the element one step behind in the layering (its position is swapped with the following element), while Forward moves it a step ahead (its position is swapped with the previous element).

The Full page width setting can be used for boxes, galleries, maps and embed elements, to make them extend beyond the page margins, full bleed.

The Follow footer setting anchors elements to the page bottom handle.

The Lock setting prevents an element from being moved on the canvas, and also removes it from the current selection in many circumstances.

The Show on this device setting toggles visibility of the element on the current device, to be used in conjunction with multi-device setups. 

Elements can be resized by: 

  • specifying the desired width and height in the Arrange inspector pane;
  • using the handles on edges and sides—holding the shift key while dragging preserves the element aspect ratio, that is the proportion of width to height.

Elements can be moved by: 

  • specifying the desired horizontal and vertical position in the Arrange inspector pane;
  • dragging them directly—holding the shift key while dragging constraints movement on horizontal, vertical or diagonal axes.

Most elements can be rotated via a rotation setting in the Arrange inspector pane. 


Sparkle’s visibility setting is key in helping show some common page features across the website identically, for visual consistency.

You can show the page header, a navigation element or the footer in a consistent way on all site pages, or perhaps just in a section.

When an element is visible on multiple pages it remains fully editable in all of them. A useful trick is to group, say, the page header elements, and make the group visible on multiple pages, instead of setting visibility on the individual header components.

The multi-page visibility applies to all properties, including position. This makes the Follow footer setting particularly useful, because by anchoring an element to the page bottom, it lets you have a common footer on pages of different height.

This site uses cookies. Some are essential to make our site work; others help us improve the user experience. By using the site, you consent to the placement of these cookies. Read our privacy policy to learn more.