Perspective - Embedded View

The Embedded view component allows you to include an entire view inside another. Using this component allows you to select a view to display, and to pass parameters into the view. Because of this, views can easily act as templates for information.

For example, you could create a tank view and embed several into another, larger view that shows an overview of the facility.

The embedded view is different than a container because you cannot alter the contents of a view using the Embedded View. A new container would allow you to create a new grouped set of components.

Properties

Name	Description	Property Type
path	Path of the view to load in wrapper. The following feature is new in Ignition version 8.1.29 Click here to check out the other new features If a path is present in the path property field, an Open View icon will appear that will navigate directly to the view when clicked.	value: string
params	Parameters for the view. If passing parameters into the embedded view, the names here must match the parameters on that view. The following feature is new in Ignition version 8.1.4 Click here to check out the other new features As of 8.1.4 a dropdown list of parameters is available when the user clicks the  Add   Object Member    icon. This makes it easy to add parameters from the embedded view.  See also Embedded Views.	object
useDefaultViewWidth	Use of view's default width instead of adjusting based on the content's width.	value: boolean
useDefaultViewHeight	Use of view's default height instead of adjusting based on the content's width.	value: boolean
loading	The following feature is new in Ignition version 8.1.5 Click here to check out the other new features View loading settings. Name Description Property Type order Controls when the embedded view loads: alongside the parent view loading (with-parent), or after the parent view finishes loading (after-parent). Default is with-parent. Generally speaking, with-parent is more efficient for the browser, but in some cases can feel slower overall. Alternatively, after-parent is generally less efficient for the browser and can add to the overall load time. However, since it allows the parent view to load first, after-parent may feel quicker since the topmost layer of views get started up sooner. value: boolean	object
style	Sets a style for this component. Full menu of style options is available. You can also specify a style class.	object

Component Events

Example

In this example, there is a Map component and a Carousel component on the top of the page. Underneath them, we've placed an Embedded View component. The idea was to embed this overview to give users a quick visual reference to bigger picture trends for the site. This example assumes you have a view already created named "Pressure Trend Overview". Here are the properties for just the Embedded View: