Pinning Objects in Place on Canvas

knlowledgeart

Pinning Objects in Place on Canvas

One of the most used features of Ceros is the ability to pin specific objects or group of objects to a specific point in the viewport. This allows you to keep these objects always visible on the canvas, regardless of where the user scrolls on the canvas.

Note: Pinned objects do not currently work on full-height embedded experiences; only standalone experience and scrolling embedded experiences.

Pin Object on Canvas

To create a pinned object:

  • Select one or more object in the layers panel
  • Ensure these objects exist above the fold
  • In the layout tab of the inspector window, select the pinned position toggle

To create a Pinned Group:

  • Select multiple objects in the Layer Panel
  • Ensure these objects exist above the fold (if you pin an object below the fold it will always remain below the fold
  • Click the Group icon (cmd + g) at the bottom of your Layers Panel

Group

  • Select the Group you just created, and navigate to the Layout Tab on the Inspector Panel
  • Select “Pinned Position” to make your group stick in place. Notice a little push pin appears in the top left corner

Now you can scroll up and down, and your Group stays right where you pinned it.

Can I pin to the bottom?

Pinned groups remain at a fixed distance from the top of your experience. Placing an element at the bottom of the viewport on a long scrolling page will stick it to that location. However, it will appear in the middle of the experience if your visitor happens to look at it in portrait mode on a mobile device.

Note: ensure your pinned object is above the fold.

Pinning in place works with standalone Experiences or scrolling embedded content. This feature does not currently work with full-height embeds of long-form content.