1. Support
2. The Multistep Editor
3. UI Framework Reference

UI Framework Reference › ISetRemoteMockup

Interface: ISetRemoteMockup

Provides properties to change mockups by using direct URLs. Provides properties to change mockups by using direct URLs.

For details, you can refer to the ChangeMockup command.

{
  "type": "canvas",
  "name": "editor",
  "params": {
    "initial": { ... },
    "setRemoteMockup": [{
      "surfaceIndex": 0,
      "mockup": "down",
      "url": "http://example.com/mockup.png"
    }]
  }
}

For details, you can refer to the ChangeMockup command.

{
  "type": "design-editor",
  "name": "editor",
  "params": {
    "initial": { ... },
    "setRemoteMockup": [{
      "surfaceIndex": 0,
      "mockup": "down",
      "url": "http://example.com/mockup.png"
    }]
  }
}

Hierarchy

• ICanvasCommandDefinition

• IDesignEditorCommandDefinition

  ↳ ISetRemoteMockup

Index

Properties

• after
• mockup
• surfaceIndex
• url

Properties

Optional after

• after? : string | string[]

Inherited from ICanvasCommandDefinition.after

Overrides IDesignEditorCommandDefinition.after

Defined in src/widgets/au-widget-canvas/IAuWidgetCanvas.ts:30

The next commands to be executed after this command completes.

---

mockup

• mockup: "up" | "down"

Defined in src/widgets/au-widget-canvas/IAuWidgetCanvas.ts:355

Defined in src/widgets/au-widget-design-editor/IAuWidgetDesignEditor.ts:357

up for overlay mockups, and down for background mockups. up for overlay mockups, and down for background mockups.

---

surfaceIndex

• surfaceIndex: number

Defined in src/widgets/au-widget-canvas/IAuWidgetCanvas.ts:353

Defined in src/widgets/au-widget-design-editor/IAuWidgetDesignEditor.ts:355

The index of a surface that should be modified (the current surface if omitted). The index of a surface that should be modified (the current surface if omitted).

---

url

• url: string

Defined in src/widgets/au-widget-canvas/IAuWidgetCanvas.ts:357

Defined in src/widgets/au-widget-design-editor/IAuWidgetDesignEditor.ts:359

A URL that links to the mockup image. A URL that links to the mockup image.