For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Resources
Get started
ReferenceGuidesExamplesChangelog
ReferenceGuidesExamplesChangelog
  • Designer API
    • Introduction
    • Getting Started
    • Webflow CLI
    • Error Handling
    • App Modes
  • Elements
    • Creating & Retrieving Elements
    • Element Properties & Methods
    • Element Types & Methods
  • Styles
    • Managing Style Properties
    • Managing Variable Modes
  • Components
  • Variables & Collections
    • Variable Collections
        • Get collection name
        • Set variable collection name
        • Move collection after target
        • Move collection before target
    • Variables
    • Variable Modes
  • Assets
  • Pages & Folders
  • Utilities
    • User Events & Notifications
    • App Intents & Connections
  • Additional Resources
    • API Playground
    • FAQs
LogoLogo
Resources
Get started
On this page
  • collection.moveAfter(target)
  • Syntax
  • Parameters
  • Returns
  • Example
  • Designer Ability
Variables & CollectionsVariable CollectionsManaging Variable Collections

Move collection after target (Beta)

Was this page helpful?
Previous

Move collection before target (Beta)

Next
Built with

collection.moveAfter(target)

Moves this variable collection so that it appears immediately after target in the Variables panel display order.

The display order controls how collections are listed in the Webflow Designer’s Variables panel. This method does not affect variable values or references.

Beta

These methods are in public beta and may change with future releases.

Syntax

1collection.moveAfter(target: VariableCollection): Promise<null>

Parameters

  • target: VariableCollection — The collection after which this collection should be positioned.

Returns

Promise<null>

A Promise that resolves to null when the reorder is complete.

Example

1const collections = await webflow.getAllVariableCollections();
2
3// Move the last collection to appear after the first
4if (collections.length >= 2) {
5 const [first, ...rest] = collections;
6 const last = rest[rest.length - 1];
7
8 await last.moveAfter(first);
9 console.log('Collection moved');
10}

Try this example

Designer Ability

Designer AbilityLocaleBranchWorkflowSitemode
canModifyVariablesAnyMainCanvasDesign