Show dev information

The "Show dev information" feature displays unique identifiers (UUIDs) for elements, variables, workflows, and other resources throughout the WeWeb editor. This makes it easier to reference specific items in custom code.

Enabling dev information

To toggle dev information:

1. Click on the Development icon (terminal icon) in the Interface section sidebar
2. Under the Advanced section, click Show dev information (or Hide dev information if already enabled)

The setting toggles on and off each time you click it.

What dev information shows

When dev information is enabled, you'll see unique identifiers (UUIDs) for:

• Elements — The UUID of each element on the canvas and in the Layout tab
• Variables — The UUID of each variable in your project
• Workflows — The UUID of each workflow (local, reusable, page trigger, and app trigger)
• Formulas — The UUID of each formula in your project
• Collections — The UUID of each collection
• Components — The UUID of component instances
• Pages — The UUID of each page in your project

These IDs appear alongside or near the names of these resources in the editor.

Why use dev information

The primary use case for displaying UUIDs is when you need to reference specific elements, variables, workflows, or other resources in custom code.

When writing custom JavaScript code, you can use these UUIDs to:

• Reference specific elements programmatically
• Access variables by their unique identifier
• Trigger workflows by ID

CONTINUE LEARNING

Learn about other development tools in WeWeb:

Learn about coded components →