The following feature is new in Ignition version 8.0.6 Click here to check out the other new features
Component Palette Icon:
The View Canvas component can display multiple Perspective views, each positioned on a coordinate based system. The component offers smooth transition animations when views are relocated. Familiarity with CSS is helpful in taking full advantage of the this component.
Mode that defines how the element is positioned within the canvas. For position absolute, the view is placed within the canvas based on its top, left, bottom, right positions. Views that are positioned absolute do not participate in the flow of the document. For position relative, the view is placed within the canvas placed in the normal document flow and then offset by its top, left values. This is the same with left and right.Options are relative or absolute. Default is absolute.
value: string dropdown
The top position of the view.
The left position of the view.
The bottom position of the view. Note: If both top and bottom are set, bottom is respected only if position is set to absolute and height is unspecified.
The right position of the view. Note: If both left and right are set, left is respected only if position is set to absolute and height is unspecified.
Transition settings on each view. The properties affected by transition settings are top, left, bottom, right, and zIndex.
Click here to see the transitionSettings properties
Duration of the transition. Units are seconds or milliseconds.
Mathematical function that defines how fast one-dimensional values change during the transition. The transition can be described as a cubic-bezier or steps function. The presets for cubic-bezier functions are linear, ease, ease-in, ease-in-out, ease-out. The presets for steps functions are step-start and step-end.
Determines whether transitions should play when transitions are defined.
The Perspective Event Types Reference page describes all the possible component event types for Perspective components. Not all component events support each Perspective component. The Component Events and Actions page shows how to configure events and actions on a Perspective component. Component scripting is handled separately and can be accessed from the Component menubar or by right clicking on the component.
Event is fired when a view instance is clicked.
The index of the view instance.
The position of the view instance in relation to the canvas.
The path of the view instance.
A JSON Object representing the current position values.