A Panel is a GraphObject that holds other GraphObjects as its elements. A Panel is responsible for sizing and positioning its elements. Every Panel has a #type and establishes its own coordinate system. The #type of a Panel determines how it will size and arrange its elements.
Constructs an empty Panel of the given #type.
If not supplied, the default Panel type is Panel#Position.
This value for #type resizes the main element to fit around the other elements; the main element is the first GraphObject with GraphObject#isPanelMain set to true, or else the first GraphObject if none have that property set to true.
This value for #type is used to draw regular patterns of lines.
This value for #type lays out the elements horizontally with their GraphObject#alignment property dictating their alignment on the Y-axis.
This value for #type is used for Links and adornments that act as Links.
The default #type arranges each element according to their GraphObject#position.
This value for #type arranges GraphObjects about a main element using the GraphObject#alignment and GraphObject#alignmentFocus properties; the main element is the first GraphObject with GraphObject#isPanelMain set to true, or else the first GraphObject if none have that property set to true.
This value for #type arranges GraphObjects into rows and columns; set the GraphObject#row and GraphObject#column properties on each element.
Organizational Panel type that is only valid inside of a Table panel.
Organizational Panel type that is only valid inside of a Table panel.
This value for #type lays out the elements vertically with their GraphObject#alignment property dictating their alignment on the X-axis.
This value for #type rescales a single GraphObject to fit inside the panel depending on the element's GraphObject#stretch property.
Gets or sets the function to execute when the ActionTool is cancelled and this GraphObject's #isActionable is set to true.
Gets or sets the function to execute on a mouse-down event when this GraphObject's #isActionable is set to true.
Gets or sets the function to execute on a mouse-move event when this GraphObject's #isActionable is set to true.
Gets or sets the function to execute on a mouse-up event when this GraphObject's #isActionable is set to true.
Gets the bounds of this GraphObject in container coordinates.
Gets or sets the alignment Spot of this GraphObject used in Panel layouts, to determine where in the area allocated by the panel this object should be placed.
Gets or sets the spot on this GraphObject to be used as the alignment point in Spot and Fixed Panels.
Gets or sets the angle transform, in degrees, of this GraphObject.
Gets or sets the areaBackground Brush (or CSS color string) of this GraphObject.
Gets or sets the background Brush (or CSS color string) of this GraphObject, filling the rectangle of this object's local coordinate space.
Gets or sets the function to execute when the user single-primary-clicks on this object.
Gets or sets the column of this GraphObject if it is in a Table Panel.
Gets the number of columns in this Panel if it is of #type Panel#Table.
Gets or sets how this Panel's columns deal with extra space if the Panel is of #type Panel#Table.
Gets or sets the number of columns spanned by this GraphObject if it is in a Table Panel.
Gets or sets the function to execute when the user single-secondary-clicks on this object.
This Adornment is shown upon a context click on this object.
Gets or sets the mouse cursor to use when the mouse is over this object with no mouse buttons pressed.
Gets or sets the optional model data to which this panel is data-bound.
Gets or sets the default alignment spot of this Panel, used as the alignment for an element when its GraphObject#alignment value is Spot#Default.
Gets or sets the default dash array for a particular column's separator.
Gets or sets the default Brush stroke (or CSS color string) for columns in a Table Panel provided a given column has a nonzero RowColumnDefinition#separatorStrokeWidth.
Gets or sets the default stroke width for a particular column's separator.
Gets or sets the default dash array for a particular row's separator.
Gets or sets the default Brush stroke (or CSS color string) for rows in a Table Panel provided a given row has a nonzero RowColumnDefinition#separatorStrokeWidth.
Gets or sets the default stroke width for a particular row's separator.
Gets or sets the additional padding for a particular row or column, a Margin (or number for a uniform Margin).
Gets or sets the default stretch of this Panel, used as the stretch for an element when its GraphObject#stretch value is GraphObject#Default.
Gets or sets the desired size of this GraphObject in local coordinates.
Gets the Diagram that this GraphObject is in, if it is.
Gets or sets the function to execute when the user double-primary-clicks on this object.
Gets an iterator over the collection of the GraphObjects that this panel manages.
Gets or sets how the direction of the last segment of a link coming from this port is computed when the node is rotated.
Gets or sets the length of the last segment of a link coming from this port.
Gets or sets whether the user may draw Links from this port.
Gets or sets whether the user may draw duplicate Links from this port.
Gets or sets whether the user may draw Links that connect from this port's Node.
Gets or sets the maximum number of links that may come out of this port.
Gets or sets how far the end segment of a link coming from this port stops short of the actual port.
Gets or sets where a link should connect from this port.
Gets or sets the distance between lines in a #Grid panel.
Gets or sets an origin point for the grid cells in a #Grid panel.
Gets or sets the desired height of this GraphObject in local coordinates.
This property determines whether or not this GraphObject's events occur before all other events, including selection.
Gets or sets whether a GraphObject is the "main" object for some types of Panel.
Gets or sets a JavaScript Array of values or objects, each of which will be represented by a Panel as elements in this Panel.
Gets or sets the name of the item data property that returns a string describing that data's category, or a function that takes an item data object and returns that string; the default value is the name 'category'.
Gets or sets the default Panel template used as the archetype for item data that are in #itemArray.
Gets or sets a Map mapping template names to Panels.
Gets the GraphObject's containing Layer, if there is any.
Gets or sets the first column that this Panel of #type Panel#Table displays.
Gets or sets the size of empty area around this GraphObject, as a Margin (or number for a uniform Margin), in the containing Panel coordinates.
Gets or sets the maximum size of this GraphObject in container coordinates (either a Panel or the document).
Gets the measuredBounds of the GraphObject in container coordinates (either a Panel or the document).
Gets or sets the minimum size of this GraphObject in container coordinates (either a Panel or the document).
Gets or sets the function to execute when the user moves the mouse into this stationary object during a DraggingTool drag.
Gets or sets the function to execute when the user moves the mouse out of this stationary object during a DraggingTool drag.
Gets or sets the function to execute when a user drops the selection on this object at the end of a DraggingTool drag.
Gets or sets the function to execute when the user moves the mouse into this object without holding down any buttons.
Gets or sets the function to execute when the user holds the mouse stationary in the background of the diagram while holding down a button over this object.
Gets or sets the function to execute when the user holds the mouse stationary in the background of the diagram without holding down any buttons over this object.
Gets or sets the function to execute when the user moves the mouse into this object without holding down any buttons.
Gets or sets the function to execute when the user moves the mouse over this object without holding down any buttons.
Gets or sets the name for this object.
Gets the natural bounding rectangle of this GraphObject in local coordinates, before any transformation by #scale or #angle, and before any resizing due to #minSize or #maxSize or #stretch.
Gets or sets the multiplicative opacity for this Panel and all children.
Gets or sets the space between this Panel's border and its content, as a Margin (or number for a uniform Margin), depending on the type of panel.
Gets the GraphObject's containing Panel, or null if this object is not in a Panel.
Gets the Part containing this object, if any.
Gets or sets whether or not this GraphObject can be chosen by visual "find" methods such as Diagram#findObjectAt.
Gets or sets an identifier for an object acting as a port on a Node.
Gets or sets the position of this GraphObject in container coordinates (either a Panel or the document).
Gets or sets the row of this GraphObject if it is in a Table Panel.
Gets the number of row in this Panel if it is of #type Panel#Table.
Gets or sets how this Panel's rows deal with extra space if the Panel is of #type Panel#Table.
Gets or sets the number of rows spanned by this GraphObject if it is in a Table Panel.
Gets or sets the scale transform of this GraphObject.
Gets or sets the fractional distance along a segment of a GraphObject that is in a Link.
Gets or sets the segment index of a GraphObject that is in a Link.
Gets or sets the offset of a GraphObject that is in a Link from a point on a segment.
Gets or sets the orientation of a GraphObject that is in a Link.
Gets or sets the stretch of the GraphObject.
Gets or sets how the direction of the last segment of a link going to this port is computed when the node is rotated.
Gets or sets the length of the last segment of a link going to this port.
Gets or sets whether the user may draw Links to this port.
Gets or sets whether the user may draw duplicate Links to this port.
Gets or sets whether the user may draw Links that connect to this port's Node.
Gets or sets the maximum number of links that may go into this port.
Gets or sets how far the end segment of a link going to this port stops short of the actual port.
Gets or sets where a link should connect to this port.
This Adornment is shown when the mouse hovers over this object.
Gets or sets the first row that this this Panel of #type Panel#Table displays.
Gets or sets the type of the Panel.
Gets or sets how a #Viewbox panel will resize its content.
Gets or sets whether a GraphObject is visible.
Gets or sets the desired width of this GraphObject in local coordinates.
Adds a GraphObject to the end of this Panel's list of elements, visually in front of all of the other elements.
A GraphObject.
any
Add a data-binding of a property on this GraphObject to a property on a data object.
any
Creates a deep copy of this Panel and returns it.
Returns the GraphObject in this Panel's list of elements at the specified index.
a zero-based index
Returns the cell at a given x-coordinate in local coordinates.
number
Search the visual tree starting at this Panel for a GraphObject whose GraphObject#name is the given name.
The name to search for, using a case-sensitive string comparison.
Returns the row at a given y-coordinate in local coordinates.
number
Gets the RowColumnDefinition for a particular column in this Table Panel.
the non-negative zero-based integer column index.
Returns the effective angle that the object is drawn at, in document coordinates.
number
Returns the Point in document coordinates for a given Spot in this object's bounds.
a real Spot describing a location relative to the GraphObject.
an optional Point that is modified and returned.
Returns the total scale that the object is drawn at, in document coordinates.
number
Given a Point in document coordinates, returns a new Point in local coordinates.
a Point in document coordinates.
an optional Point that is modified and returned.
Gets the RowColumnDefinition for a particular row in this Table Panel.
the non-negative zero-based integer row index.
Adds a GraphObject to the Panel's list of elements at the specified index.
A GraphObject.
any
This predicate is true if this object is an element, perhaps indirectly, of the given panel.
or if it is contained by another panel that is contained by the given panel, to any depth; false if the argument is null or is not a Panel.
boolean
This predicate is true if this object is #visible and each of its visual containing panels are also visible.
boolean
Create and add new GraphObjects corresponding to and bound to the data in the #itemArray, after removing all existing elements from this Panel.
any
Removes a GraphObject from this Panel's list of elements.
A GraphObject.
any
Removes an GraphObject from this Panel's list of elements at the specified index.
any
Removes the RowColumnDefinition for a particular row in this Table Panel.
the non-negative zero-based integer row index.
any
Removes the RowColumnDefinition for a particular row in this Table Panel.
the non-negative zero-based integer row index.
any
Re-evaluate all data bindings on this panel, in order to assign new property values to the GraphObjects in this visual tree based on this this object's #data property values.
An optional source data property name: when provided, only evaluates those Bindings that use that particular property; when not provided or when it is the empty string, all bindings are evaluated.
any