Skip to content

Editing Properties

This guide explains how to edit element properties in the Viewer Panel.

Making Changes

Edit a Property

  1. Click on the property value you want to edit
  2. An editor opens based on the property type:
  3. Text field for text properties
  4. Number input for numeric values
  5. Date picker for dates
  6. Dropdown for select properties
  7. Enter your new value
  8. Press Enter or click outside to confirm

Property Editors

Text Editor

  • Type your text
  • Press Enter to confirm
  • Press Escape to cancel

Number Editor

  • Enter numeric values
  • Supports decimal numbers
  • Validates min/max constraints

Date Editor

  • Click to open date picker
  • Select date from calendar
  • Supports date-time for timestamp fields

Select Editor

  • Click to open dropdown
  • Search available options
  • Click to select

Multi-Select Editor

  • Select multiple values
  • Check/uncheck options
  • Selected values shown as chips

Boolean Editor

  • Toggle checkbox
  • true/false values

Saving Changes

Auto-Save

By default, changes are saved automatically when you: - Press Enter after editing - Click outside the editor - Select a different element

Manual Save

If auto-save is disabled: 1. Make your changes 2. Click the Save button 3. Confirm the save dialog

Unsaved Changes Indicator

  • Modified properties show a pencil icon (✏️)
  • The panel header shows "Unsaved changes"
  • Navigating away prompts to save

Validation

Properties are validated before saving:

Required Fields

  • Cannot be left empty
  • Shown with asterisk (*)

Format Validation

  • Numbers must be valid numeric values
  • Dates must be valid dates
  • Select values must be from allowed options

Range Validation

  • Numbers may have min/max limits
  • Text may have length limits
  • Shows warning if out of range

Validation Errors

When validation fails: 1. The field is highlighted in red 2. An error message appears below 3. You cannot save until fixed

Adding New Properties

To add a property that doesn't exist on the element:

  1. Click the Add Property button (+ icon)
  2. Select the Property Set
  3. Choose the Property Definition
  4. Enter the Value
  5. Click Add

Removing Properties

To remove an optional property:

  1. Hover over the property row
  2. Click the Remove button (trash icon)
  3. Confirm the removal

Warning

Required properties cannot be removed.

Undo/Redo

  • Ctrl+Z - Undo last change
  • Ctrl+Y - Redo undone change
  • Undo history is per-element

Best Practices

  1. Verify before saving - Check your changes in the review
  2. Use consistent values - Follow your project's naming conventions
  3. Check computed fields - Ensure formulas update correctly
  4. Add comments - Use the notes field for context