Embedded View

Renders another view inside this one, with parameters. This is the single most valuable pattern in the Designer: author a faceplate once, embed it wherever that equipment appears.

Reach for it when you need:

• A motor faceplate reused for every motor
• A standard header or status strip across screens

Component name: EmbeddedView · Category: Container

In the palette: Embed another view into the current layout

Properties

Any property can be bound to a tag, another component's property, or a query.

Property	Type	Default	Description
targetPath	view	""	The view to be embedded
params	object	{}	—
defaultWidth	boolean	false	Use target view's explicitly configured width (disables 100% stretch)
defaultHeight	boolean	false	Use target view's explicitly configured height (disables 100% stretch)
style	style	{}	Custom CSS properties

Events

Attach event actions to these in the Event Manager.

Event	Label	Group	Payload
click	Click	Mouse	The DOM event.
dblclick	Double click	Mouse	The DOM event.
contextmenu	Right click	Mouse	The DOM event.
mouseenter	Mouse enter	Mouse	The DOM event.
mouseleave	Mouse leave	Mouse	The DOM event.

Right-click behaves differently in the Designer

contextmenu fires your configured actions at runtime only — in LiveView and in preview. On the Designer canvas the right-click is captured to open the Event Manager, so testing it there will not run your actions. Test right-click in preview.

Notes

This is the visualization counterpart of a UDT, and the two are meant to be used together: one UDT for the tags, one embedded view for the screen.

See also

• Views and layout