markgojs

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>GoJS® RowColumnDefinition Class</title> <script src="../../assets/js/jquery.min.js"></script> <script src="../../assets/js/bootstrap.min.js"></script> <script src="../../assets/js/highlight.js"></script> <script src="../../assets/js/api.js"></script> <script src="../../assets/js/fuse.min.js"></script> <link href="../../assets/css/bootstrap.min.css" rel="stylesheet" >  <link href="../../assets/css/main.css" rel="stylesheet" type="text/css"/> <link href="../../assets/css/api.css" rel="stylesheet" type="text/css"/>  <link rel="stylesheet" href="../../assets/css/highlight.css" type="text/css" media="all" /> </head> <body>  <nav id="non-fixed-nav" class="navbar navbar-inverse navbar-top"> <div class="container-fluid"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#navbar"> <a id="toplogo" class="navbar-brand" href="../../index.html">GoJS</a> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> </div> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="../../index.html">Home</a></li> <li><a href="../../learn/index.html">Learn</a></li> <li><a href="../../samples/index.html">Samples</a></li> <li><a href="../../intro/index.html">Intro</a></li> <li><a href="../../api/index.html">API</a></li> <li><a href="https://www.nwoods.com/components/evalform.htm">Register</a></li> <li><a href="../../download.html">Download</a></li> <li><a href="https://forum.nwoods.com/c/gojs">Forum</a></li> <li><a href="https://www.nwoods.com/contact.html" onclick="ga('send','event','Outbound Link','click','contact');">Contact</a></li> <li class="buy"><a href="https://www.nwoods.com/sales/index.html" onclick="ga('send','event','Outbound Link','click','buy');">Buy</a></li> <li class="activate"><a href="https://www.nwoods.com/app/activate.aspx?sku=gojs">Activate</a></li> </ul> </div> </div> </nav> <div class="container-fluid">  <div id="navindex" class="col-md-2">   <div class="sidebar-nav"> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#DiagramNavbar"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#DiagramNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <span class="navbar-brand">Diagram Classes</span> </div> </div> <div id="DiagramNavbar" class="navbar-collapse collapse sidebar-navbar-collapse"> <ul class="classList nav navbar-nav"> <li><a href="../symbols/Adornment.html" class="linkConstructor">Adornment</a></li> <li><a href="../symbols/AnimationManager.html" class="linkConstructor">AnimationManager</a></li> <li><a href="../symbols/CommandHandler.html" class="linkConstructor">CommandHandler</a></li> <li><a href="../symbols/Diagram.html" class="linkConstructor">Diagram</a></li> <li><a href="../symbols/DiagramEvent.html" class="linkConstructor">DiagramEvent</a></li> <li><a href="../symbols/GraphObject.html" class="linkConstructor">GraphObject</a></li> <li><a href="../symbols/Group.html" class="linkConstructor">Group</a></li> <li><a href="../symbols/InputEvent.html" class="linkConstructor">InputEvent</a></li> <li><a href="../symbols/Layer.html" class="linkConstructor">Layer</a></li> <li><a href="../symbols/Link.html" class="linkConstructor">Link</a></li> <li><a href="../symbols/Node.html" class="linkConstructor">Node</a></li> <li><a href="../symbols/Overview.html" class="linkConstructor">Overview</a></li> <li><a href="../symbols/Palette.html" class="linkConstructor">Palette</a></li> <li><a href="../symbols/Panel.html" class="linkConstructor">Panel</a></li> <li><a href="../symbols/Part.html" class="linkConstructor">Part</a></li> <li><a href="../symbols/Picture.html" class="linkConstructor">Picture</a></li> <li><a href="../symbols/Placeholder.html" class="linkConstructor">Placeholder</a></li> <li><a href="../symbols/RowColumnDefinition.html" class="linkConstructor">RowColumnDefinition</a></li> <li><a href="../symbols/Shape.html" class="linkConstructor">Shape</a></li> <li><a href="../symbols/TextBlock.html" class="linkConstructor">TextBlock</a></li> </ul> </div> </div> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#GeometryNavbar"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#GeometryNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <span class="navbar-brand">Geometry Classes</span> </div> </div> <div id="GeometryNavbar" class="navbar-collapse collapse sidebar-navbar-collapse"> <ul class="classList nav navbar-nav"> <li><a href="../symbols/Brush.html" class="linkConstructor">Brush</a></li> <li><a href="../symbols/Geometry.html" class="linkConstructor">Geometry</a></li> <li><a href="../symbols/Margin.html" class="linkConstructor">Margin</a></li> <li><a href="../symbols/PathFigure.html" class="linkConstructor">PathFigure</a></li> <li><a href="../symbols/PathSegment.html" class="linkConstructor">PathSegment</a></li> <li><a href="../symbols/Point.html" class="linkConstructor">Point</a></li> <li><a href="../symbols/Rect.html" class="linkConstructor">Rect</a></li> <li><a href="../symbols/Size.html" class="linkConstructor">Size</a></li> <li><a href="../symbols/Spot.html" class="linkConstructor">Spot</a></li> </ul> </div> </div> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#ModelNavbar"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#ModelNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <span class="navbar-brand">Model Classes</span> </div> </div> <div id="ModelNavbar" class="navbar-collapse collapse sidebar-navbar-collapse"> <ul class="classList nav navbar-nav"> <li><a href="../symbols/Binding.html" class="linkConstructor">Binding</a></li> <li><a href="../symbols/ChangedEvent.html" class="linkConstructor">ChangedEvent</a></li> <li><a href="../symbols/GraphLinksModel.html" class="linkConstructor">GraphLinksModel</a></li> <li><a href="../symbols/Model.html" class="linkConstructor">Model</a></li> <li><a href="../symbols/Transaction.html" class="linkConstructor">Transaction</a></li> <li><a href="../symbols/TreeModel.html" class="linkConstructor">TreeModel</a></li> <li><a href="../symbols/UndoManager.html" class="linkConstructor">UndoManager</a></li> </ul> </div> </div> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#LayoutNavbar"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#LayoutNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <span class="navbar-brand">Layout Classes</span> </div> </div> <div id="LayoutNavbar" class="navbar-collapse collapse sidebar-navbar-collapse"> <ul class="classList nav navbar-nav"> <li><a href="../symbols/CircularLayout.html" class="linkConstructor">CircularLayout</a></li> <li><a href="../symbols/ForceDirectedLayout.html" class="linkConstructor">ForceDirectedLayout</a></li> <li><a href="../symbols/GridLayout.html" class="linkConstructor">GridLayout</a></li> <li><a href="../symbols/LayeredDigraphLayout.html" class="linkConstructor">LayeredDigraphLayout</a></li> <li><a href="../symbols/Layout.html" class="linkConstructor">Layout</a></li> <li><a href="../symbols/LayoutNetwork.html" class="linkConstructor">LayoutNetwork</a></li> <li><a href="../symbols/TreeLayout.html" class="linkConstructor">TreeLayout</a></li> </ul> </div> </div> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#ToolNavbar"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#ToolNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <span class="navbar-brand">Tool Classes</span> </div> </div> <div id="ToolNavbar" class="navbar-collapse collapse sidebar-navbar-collapse"> <ul class="classList nav navbar-nav"> <li><a href="../symbols/ActionTool.html" class="linkConstructor">ActionTool</a></li> <li><a href="../symbols/ClickCreatingTool.html" class="linkConstructor">ClickCreatingTool</a></li> <li><a href="../symbols/ClickSelectingTool.html" class="linkConstructor">ClickSelectingTool</a></li> <li><a href="../symbols/ContextMenuTool.html" class="linkConstructor">ContextMenuTool</a></li> <li><a href="../symbols/DraggingTool.html" class="linkConstructor">DraggingTool</a></li> <li><a href="../symbols/DragSelectingTool.html" class="linkConstructor">DragSelectingTool</a></li> <li><a href="../symbols/HTMLInfo.html" class="linkConstructor">HTMLInfo</a></li> <li><a href="../symbols/LinkingBaseTool.html" class="linkConstructor">LinkingBaseTool</a></li> <li><a href="../symbols/LinkingTool.html" class="linkConstructor">LinkingTool</a></li> <li><a href="../symbols/LinkReshapingTool.html" class="linkConstructor">LinkReshapingTool</a></li> <li><a href="../symbols/PanningTool.html" class="linkConstructor">PanningTool</a></li> <li><a href="../symbols/RelinkingTool.html" class="linkConstructor">RelinkingTool</a></li> <li><a href="../symbols/ResizingTool.html" class="linkConstructor">ResizingTool</a></li> <li><a href="../symbols/RotatingTool.html" class="linkConstructor">RotatingTool</a></li> <li><a href="../symbols/TextEditingTool.html" class="linkConstructor">TextEditingTool</a></li> <li><a href="../symbols/Tool.html" class="linkConstructor">Tool</a></li> <li><a href="../symbols/ToolManager.html" class="linkConstructor">ToolManager</a></li> </ul> </div> </div> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#CollectionNavbar"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#CollectionNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <span class="navbar-brand">Collection Classes</span> </div> </div> <div id="CollectionNavbar" class="navbar-collapse collapse sidebar-navbar-collapse"> <ul class="classList nav navbar-nav"> <li><a href="../symbols/Iterable.html" class="linkConstructor">Iterable</a></li> <li><a href="../symbols/Iterator.html" class="linkConstructor">Iterator</a></li> <li><a href="../symbols/List.html" class="linkConstructor">List</a></li> <li><a href="../symbols/Map.html" class="linkConstructor">Map</a></li> <li><a href="../symbols/Set.html" class="linkConstructor">Set</a></li> </ul> </div> </div> </div>   </div> <div id="contentBody" class="col-md-10"> <div class="searchsumm"> <div class="table-wrap"> <div class="table-cell" id="apisearch" data-base="../"> <div class="title">Search API</div> <div class="field"> <label for="search-field" class="search-icon"></label> <input id="search-field" type="text" /> </div> <ul class="results"> <li class="state loading">Preparing search index...</li> <li class="state failure">The search index is not available</li> </ul> </div> <div class="table-cell" id="apisumm"> <input type="checkbox" id="showsumms" /> <label class="apisumms" for="showsumms">Show Summaries</label> </div> </div> </div>  <div id="header" class="fineprint"> <b>GoJS</b>® Diagramming Components<br/>version 1.8.36 for JavaScript/HTML<br/>by <a href="https://www.nwoods.com/">Northwoods Software®</a> </div>  <h2 class="classTitle"> Class RowColumnDefinition </h2>  <p class="classsummary"> The RowColumnDefinition class describes constraints on a row or a column in a <a href="../symbols/Panel.html" class="linkConstructor">Panel</a> of type <a href="../symbols/Panel.html#Table" class="linkConstant">Panel.Table</a>. It also provides information about the actual layout after the Table Panel has been arranged. </p>  <h2 id="constructor" class="summaryCaption"> Constructor <span class="nodetails"> Summary</span><span class="details"> Details</span></h2> <div class="table-responsive"> <table class="summaryTable table table-bordered table-condensed" summary="A summary of the constructor documented in the class RowColumnDefinition."> <thead> <tr> <th scope="col" class="name">Name</th> <th scope="col" class="description">Description</th> </tr> </thead> <tbody> <tr> <td class="name" > <div class="name"> RowColumnDefinition() </div> </td> <td class="description"> <div class="description"> <p><p>You do not need to use this constructor, because calls to <a href="../symbols/Panel.html#getRowDefinition" class="linkMethod">Panel.getRowDefinition</a> or <a href="../symbols/Panel.html#getColumnDefinition" class="linkMethod">Panel.getColumnDefinition</a> will automatically create and remember a RowColumnDefinition for you. </div> </td> </tr> </tbody> </table> </div>  <h2 class="summaryCaption">Properties<span class="nodetails"> Summary</span><span class="details"> Details</span></h2> <div class="table-responsive"> <table class="summaryTable table table-bordered table-condensed" summary="A summary of the properties documented in the class RowColumnDefinition."> <thead> <tr> <th scope="col" class="name">Name, Value Type</th> <th scope="col" class="description">Description</th> </tr> </thead> <tbody> <tr id="actual" > <td class="name"> <div class="name"> actual </div> <div class="attributes"> <span class="light">{number}</span> </div> </td> <td class="description"> <div class="description">  <p>This read-only property returns the usable row height or column width, after arrangement, in local coordinates, that objects in this row or column can be arranged within.<span class="nodetails" id="xpropactual"><a class="morelink" onclick="hst('propactual')">More...</a></span> <span class="details" id="propactual"> This does not include <a href="../symbols/RowColumnDefinition.html#separatorPadding" class="linkProperty">separatorPadding</a> or <a href="../symbols/RowColumnDefinition.html#separatorStrokeWidth" class="linkProperty">separatorStrokeWidth</a>, as <a href="../symbols/RowColumnDefinition.html#total" class="linkProperty">total</a> does. </span><div class="details" id="dpropactual"><p> This value gives the row height if <a href="../symbols/RowColumnDefinition.html#isRow" class="linkProperty">isRow</a> is true; otherwise this gives the column width. The value is meaningless until after the Table Panel using this RowColumnDefinition has been arranged.</div> <div class="seealso">See also: <ul class="seealsolist"> <li><a href="../symbols/RowColumnDefinition.html#total" class="linkProperty">total</a></li> <li><a href="../symbols/RowColumnDefinition.html#height" class="linkProperty">height</a></li> <li><a href="../symbols/RowColumnDefinition.html#width" class="linkProperty">width</a></li> <li><a href="../symbols/RowColumnDefinition.html#sizing" class="linkProperty">sizing</a></li> </ul> </div> </div> </td> </tr> <tr id="alignment" > <td class="name"> <div class="name"> alignment </div> <div class="attributes"> <span class="light">{<a href="../symbols/Spot.html" class="linkConstructor">Spot</a>}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets a default alignment for elements that are in this row or column.<span class="nodetails" id="xpropalignment"><a class="morelink" onclick="hst('propalignment')">More...</a></span> <span class="details" id="propalignment"> The value must be a <a href="../symbols/Spot.html" class="linkConstructor">Spot</a>. The default value is <a href="../symbols/Spot.html#Default" class="linkConstant">Spot.Default</a>, so that this RowColumnDefinition does not supply any alignment information for the row or column. </span><div class="details" id="dpropalignment"><p> When an element's <a href="../symbols/GraphObject.html#alignment" class="linkProperty">GraphObject.alignment</a> property is <a href="../symbols/Spot.html#Default" class="linkConstant">Spot.Default</a>, it gets the horizontal alignment from the element's column's <a href="../symbols/RowColumnDefinition.html" class="linkConstructor">RowColumnDefinition</a> and the vertical alignment from the element's row's RowColumnDefinition. When that <a href="../symbols/RowColumnDefinition.html#alignment" class="linkProperty">RowColumnDefinition.alignment</a> property is also Default, it takes the value from the table panel's <a href="../symbols/Panel.html#defaultAlignment" class="linkProperty">Panel.defaultAlignment</a> property.</div> <div class="seealso">See also: <ul class="seealsolist"> <li><a href="../symbols/GraphObject.html#alignment" class="linkProperty">GraphObject.alignment</a></li> <li><a href="../symbols/Panel.html#defaultAlignment" class="linkProperty">Panel.defaultAlignment</a></li> </ul> </div> </div> </td> </tr> <tr id="background" > <td class="name"> <div class="name"> background </div> <div class="attributes"> <span class="light">{string|<a href="../symbols/Brush.html" class="linkConstructor">Brush</a>}</span> <span class="since" title="since">1.2</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the background color for a particular row or column, which fills the entire span of the row or column, including any separatorPadding.<span class="nodetails" id="xpropbackground"><a class="morelink" onclick="hst('propbackground')">More...</a></span> <span class="details" id="propbackground"> </span><div class="details" id="dpropbackground"><p> The default value is null, which means nothing is drawn in the background of the row or column.</div> <div class="seealso">See also: <ul class="seealsolist"> <li><a href="../symbols/GraphObject.html#background" class="linkProperty">GraphObject.background</a></li> </ul> </div> </div> </td> </tr> <tr id="coversSeparators" > <td class="name"> <div class="name"> coversSeparators </div> <div class="attributes"> <span class="light">{boolean}</span> <span class="since" title="since">1.2</span> </div> </td> <td class="description"> <div class="description">  <p>Determines whether or not the background, if there is one, is in front of or behind the separators.<span class="nodetails" id="xpropcoversSeparators"><a class="morelink" onclick="hst('propcoversSeparators')">More...</a></span> <span class="details" id="propcoversSeparators"> </span><div class="details" id="dpropcoversSeparators"><p> The default value is false -- any background is drawn behind any separator lines.</div> </div> </td> </tr> <tr id="height" > <td class="name"> <div class="name"> height </div> <div class="attributes"> <span class="light">{number}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the row height, in local coordinates.<span class="nodetails" id="xpropheight"><a class="morelink" onclick="hst('propheight')">More...</a></span> <span class="details" id="propheight"> This describes the row height if <a href="../symbols/RowColumnDefinition.html#isRow" class="linkProperty">isRow</a> is true; otherwise this property is meaningless. The value must be non-negative and finite. </span><div class="details" id="dpropheight"><p> The default value is NaN, which means this row will get a height that is just big enough to hold all of the objects in the row. <p> Setting this value to a number will mean that all of the objects of this <a href="../symbols/Panel.html" class="linkConstructor">Panel</a> in this row will be allocated that amount of row height. Whether an object in the row is actually arranged to have that height depends on whether the <a href="../symbols/GraphObject.html#stretch" class="linkProperty">GraphObject.stretch</a> stretches vertically.</div> <div class="seealso">See also: <ul class="seealsolist"> <li><a href="../symbols/RowColumnDefinition.html#width" class="linkProperty">width</a></li> <li><a href="../symbols/RowColumnDefinition.html#minimum" class="linkProperty">minimum</a></li> <li><a href="../symbols/RowColumnDefinition.html#maximum" class="linkProperty">maximum</a></li> <li><a href="../symbols/RowColumnDefinition.html#sizing" class="linkProperty">sizing</a></li> </ul> </div> </div> </td> </tr> <tr id="index" > <td class="name"> <div class="name"> index </div> <div class="attributes"> <span class="light">{number}</span> </div> </td> <td class="description"> <div class="description">  <p>This read-only property returns which row or column this RowColumnDefinition describes in the <a href="../symbols/RowColumnDefinition.html#panel" class="linkProperty">panel</a>.<span class="nodetails" id="xpropindex"><a class="morelink" onclick="hst('propindex')">More...</a></span> <span class="details" id="propindex"> The value is a zero-based integer.</span> <div class="seealso">See also: <ul class="seealsolist"> <li><a href="../symbols/Panel.html#findColumnForLocalX" class="linkMethod">Panel.findColumnForLocalX</a></li> <li><a href="../symbols/Panel.html#findRowForLocalY" class="linkMethod">Panel.findRowForLocalY</a></li> <li><a href="../symbols/Panel.html#leftIndex" class="linkProperty">Panel.leftIndex</a></li> <li><a href="../symbols/Panel.html#topIndex" class="linkProperty">Panel.topIndex</a></li> <li><a href="../symbols/RowColumnDefinition.html#position" class="linkProperty">position</a></li> </ul> </div> </div> </td> </tr> <tr id="isRow" > <td class="name"> <div class="name"> isRow </div> <div class="attributes"> <span class="light">{boolean}</span> </div> </td> <td class="description"> <div class="description">  <p>This read-only property is true when this describes a row instead of a column in the <a href="../symbols/RowColumnDefinition.html#panel" class="linkProperty">panel</a>.<span class="nodetails" id="xpropisRow"><a class="morelink" onclick="hst('propisRow')">More...</a></span> <span class="details" id="propisRow"> When this is true, the <a href="../symbols/RowColumnDefinition.html#height" class="linkProperty">height</a>, <a href="../symbols/RowColumnDefinition.html#minimum" class="linkProperty">minimum</a>, and <a href="../symbols/RowColumnDefinition.html#maximum" class="linkProperty">maximum</a> all describe the row height. Otherwise <a href="../symbols/RowColumnDefinition.html#width" class="linkProperty">width</a> and the other two properties describe the column width.</span> </div> </td> </tr> <tr id="maximum" > <td class="name"> <div class="name"> maximum </div> <div class="attributes"> <span class="light">{number}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the maximum row height or column width, in local coordinates.<span class="nodetails" id="xpropmaximum"><a class="morelink" onclick="hst('propmaximum')">More...</a></span> <span class="details" id="propmaximum"> The maximum describes the row height if <a href="../symbols/RowColumnDefinition.html#isRow" class="linkProperty">isRow</a> is true; otherwise this describes the column width. </span><div class="details" id="dpropmaximum"><p> The value must be non-negative. The default value is Infinity. The arranged height of all objects in this row, or the arranged width of all objects in this column, will be no greater than this value.</div> <div class="seealso">See also: <ul class="seealsolist"> <li><a href="../symbols/RowColumnDefinition.html#width" class="linkProperty">width</a></li> <li><a href="../symbols/RowColumnDefinition.html#height" class="linkProperty">height</a></li> <li><a href="../symbols/RowColumnDefinition.html#minimum" class="linkProperty">minimum</a></li> <li><a href="../symbols/RowColumnDefinition.html#sizing" class="linkProperty">sizing</a></li> </ul> </div> </div> </td> </tr> <tr id="minimum" > <td class="name"> <div class="name"> minimum </div> <div class="attributes"> <span class="light">{number}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the minimum row height or column width, in local coordinates.<span class="nodetails" id="xpropminimum"><a class="morelink" onclick="hst('propminimum')">More...</a></span> <span class="details" id="propminimum"> The minimum describes the row height if <a href="../symbols/RowColumnDefinition.html#isRow" class="linkProperty">isRow</a> is true; otherwise this describes the column width. </span><div class="details" id="dpropminimum"><p> The value must be non-negative and finite. The default value is zero. The arranged height of all objects in this row, or the arranged width of all objects in this column, will be no less than this value.</div> <div class="seealso">See also: <ul class="seealsolist"> <li><a href="../symbols/RowColumnDefinition.html#width" class="linkProperty">width</a></li> <li><a href="../symbols/RowColumnDefinition.html#height" class="linkProperty">height</a></li> <li><a href="../symbols/RowColumnDefinition.html#maximum" class="linkProperty">maximum</a></li> <li><a href="../symbols/RowColumnDefinition.html#sizing" class="linkProperty">sizing</a></li> </ul> </div> </div> </td> </tr> <tr id="panel" > <td class="name"> <div class="name"> panel </div> <div class="attributes"> <span class="light">{<a href="../symbols/Panel.html" class="linkConstructor">Panel</a>}</span> </div> </td> <td class="description"> <div class="description">  <p>This read-only property returns the <a href="../symbols/Panel.html" class="linkConstructor">Panel</a> that this row or column definition is in. </div> </td> </tr> <tr id="position" > <td class="name"> <div class="name"> position </div> <div class="attributes"> <span class="light">{number}</span> </div> </td> <td class="description"> <div class="description">  <p>This read-only property returns the actual arranged row or column starting position, after arrangement, in local coordinates.<span class="nodetails" id="xpropposition"><a class="morelink" onclick="hst('propposition')">More...</a></span> <span class="details" id="propposition"> This value gives the Y position if <a href="../symbols/RowColumnDefinition.html#isRow" class="linkProperty">isRow</a> is true; otherwise this gives the X position. The value is meaningless until after the Table Panel using this RowColumnDefinition has been arranged.</span> <div class="seealso">See also: <ul class="seealsolist"> <li><a href="../symbols/Panel.html#findColumnForLocalX" class="linkMethod">Panel.findColumnForLocalX</a></li> <li><a href="../symbols/Panel.html#findRowForLocalY" class="linkMethod">Panel.findRowForLocalY</a></li> <li><a href="../symbols/Panel.html#leftIndex" class="linkProperty">Panel.leftIndex</a></li> <li><a href="../symbols/Panel.html#topIndex" class="linkProperty">Panel.topIndex</a></li> <li><a href="../symbols/RowColumnDefinition.html#index" class="linkProperty">index</a></li> </ul> </div> </div> </td> </tr> <tr id="separatorDashArray" > <td class="name"> <div class="name"> separatorDashArray </div> <div class="attributes"> <span class="light">{Array.<number>}</span> <span class="since" title="since">1.2</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the dash array for dashing the separator line, provided this row or column has a nonzero <a href="../symbols/RowColumnDefinition.html#separatorStrokeWidth" class="linkProperty">RowColumnDefinition.separatorStrokeWidth</a> and non-null <a href="../symbols/RowColumnDefinition.html#separatorStroke" class="linkProperty">RowColumnDefinition.separatorStroke</a>.<span class="nodetails" id="xpropseparatorDashArray"><a class="morelink" onclick="hst('propseparatorDashArray')">More...</a></span> <span class="details" id="propseparatorDashArray"> </span><div class="details" id="dpropseparatorDashArray"><p> Must be an array of positive numbers and zeroes, or else null to indicate a solid line. <p> For example, the array [5, 10] would create dashes of 5 pixels and spaces of 10 pixels. <p> Setting an array with all zeroes will set the value to null. <p> Default is null, so that this RowColumnDefinition does not supply any stroke dash array information for what is drawn before the row or column. The separator line may still be drawn using dashes if <a href="../symbols/Panel.html#defaultRowSeparatorDashArray" class="linkProperty">Panel.defaultRowSeparatorDashArray</a> or <a href="../symbols/Panel.html#defaultColumnSeparatorDashArray" class="linkProperty">Panel.defaultColumnSeparatorDashArray</a> is non-null.</div> <div class="seealso">See also: <ul class="seealsolist"> <li><a href="../symbols/Panel.html#defaultColumnSeparatorDashArray" class="linkProperty">Panel.defaultColumnSeparatorDashArray</a></li> <li><a href="../symbols/Panel.html#defaultRowSeparatorDashArray" class="linkProperty">Panel.defaultRowSeparatorDashArray</a></li> <li><a href="../symbols/RowColumnDefinition.html#separatorPadding" class="linkProperty">separatorPadding</a></li> <li><a href="../symbols/RowColumnDefinition.html#separatorStroke" class="linkProperty">separatorStroke</a></li> <li><a href="../symbols/RowColumnDefinition.html#separatorStrokeWidth" class="linkProperty">separatorStrokeWidth</a></li> <li><a href="../symbols/RowColumnDefinition.html#background" class="linkProperty">background</a></li> </ul> </div> </div> </td> </tr> <tr id="separatorPadding" > <td class="name"> <div class="name"> separatorPadding </div> <div class="attributes"> <span class="light">{<a href="../symbols/Margin.html" class="linkConstructor">Margin</a>}</span> <span class="since" title="since">1.2</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets th