create-gojs-kit
Version:
A CLI for downloading GoJS samples, extensions, and docs
423 lines • 114 kB
HTML
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><link rel="stylesheet" href="../../assets/css/style.css"/><link rel="preconnect" href="https://rsms.me/"/><link rel="stylesheet" href="https://rsms.me/inter/inter.css"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>RowColumnDefinition | GoJS API</title><meta name="description" content="Documentation for GoJS API"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><link rel="stylesheet" href="../assets/custom.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script type="text/javascript">// formerly in api.js
var hash = null;
function changeHash() {
var panels = document.getElementsByClassName("tsd-panel");
for (let i = 0; i < panels.length; i++) {
var p = panels[i];
p.classList.remove("targeted");
}
hash = window.location.hash.slice(1);
if (hash) {
var elt = document.getElementById(hash);
if (elt) elt.parentNode.classList.add("targeted");
}
}
document.addEventListener("DOMContentLoaded", changeHash);
window.addEventListener("hashchange", changeHash);</script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header><nav id="navTop" class="w-full h-[var(--topnav-h)] z-30 bg-[var(--color-background-secondary)] border-b border-b-[var(--color-accent)]"><div class="max-w-screen-xl mx-auto flex flex-wrap items-start justify-between px-4"><a class="!text-white bg-nwoods-primary font-bold !leading-[calc(var(--topnav-h)_-_1px)] my-0 px-2 text-4xl lg:text-5xl logo" href="../../index.html">GoJS</a><div class="relative"><button id="topnavButton" class="h-[calc(var(--topnav-h)_-_1px)] px-2 m-0 text-[var(--color-text)] bg-inherit shadow-none md:hidden hover:!bg-inherit hover:!text-nwoods-accent hover:!shadow-none" aria-label="Navigation"><svg class="h-7 w-7 block" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div id="topnavList" class="hidden md:block"><div class="absolute right-0 z-30 flex flex-col items-end rounded border border-[var(--color-accent)] p-4 pl-12 shadow bg-[var(--color-background-secondary)] text-[var(--color-text)] font-semibold
md:flex-row md:space-x-4 md:items-start md:border-0 md:p-0 md:shadow-none md:!bg-inherit"><a href="../../learn/index.html">Learn</a><a href="../../samples/index.html">Samples</a><a href="../../intro/index.html">Intro</a><a class="active" href="../../api/index.html">API</a><a href="../../download.html">Download</a><a href="https://forum.nwoods.com/c/gojs/11" target="_blank" rel="noopener">Forum</a><a href="https://nwoods.com/contact.html" target="_blank" rel="noopener" id="contactBtn">Contact</a><a href="https://nwoods.com/sales/index.html" target="_blank" rel="noopener" id="buyBtn">Buy</a></div></div></div></div></nav><script>window.addEventListener("DOMContentLoaded", function () {
// topnav
var topButton = document.getElementById("topnavButton");
var topnavList = document.getElementById("topnavList");
if (topButton && topnavList) {
topButton.addEventListener("click", function (e) {
topnavList
.classList
.toggle("hidden");
e.stopPropagation();
});
document.addEventListener("click", function (e) {
// if the clicked element isn't the list, close the list
if (!topnavList.classList.contains("hidden") && !e.target.closest("#topnavList")) {
topButton.click();
}
});
// set active <a> element
// done via active tag below, always API
}
});</script><div class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><div id="tsd-search-help"><code class="!text-lg">/</code> to search</div><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">GoJS API</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><div class="flex w-full max-w-screen-xl mx-auto px-2 items-center justify-between"><div><ul class="tsd-breadcrumb"><li><a href="../index.html">GoJS API</a></li><li><a href="RowColumnDefinition.html">RowColumnDefinition</a></li></ul><h1 class="flex items-center">Class RowColumnDefinition</h1></div><div class="text-xs"><b>GoJS</b>® Diagramming Components<br/>version 3.1.0<br/>by <a href="https://nwoods.com/">Northwoods Software®</a></div></div></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>The RowColumnDefinition class describes constraints on a row or a column
in a <a href="Panel.html" class="tsd-kind-class">Panel</a> of type "Table".
It also provides information about the actual layout after the
Table Panel has been arranged.</p>
</div></section><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="true" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="RowColumnDefinition.html#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="RowColumnDefinition.html#actual" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>actual</span></a>
<a href="RowColumnDefinition.html#alignment" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>alignment</span></a>
<a href="RowColumnDefinition.html#background" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>background</span></a>
<a href="RowColumnDefinition.html#coversSeparators" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>covers<wbr/>Separators</span></a>
<a href="RowColumnDefinition.html#height" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>height</span></a>
<a href="RowColumnDefinition.html#index" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>index</span></a>
<a href="RowColumnDefinition.html#isRow" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>is<wbr/>Row</span></a>
<a href="RowColumnDefinition.html#maximum" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>maximum</span></a>
<a href="RowColumnDefinition.html#minimum" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>minimum</span></a>
<a href="RowColumnDefinition.html#panel" class="tsd-index-link"><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><g id="subicon-R,#FF4D4D"><rect fill="var(--color-icon-background)" width="28" height="28" rx="14"></rect><path transform="translate(2, 2)" fill="none" stroke-width="1.5" stroke="var(--color-text)" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" stroke-linecap="round" stroke-linejoin="round"></path></g></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>panel</span></a>
<a href="RowColumnDefinition.html#position" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>position</span></a>
<a href="RowColumnDefinition.html#separatorDashArray" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>separator<wbr/>Dash<wbr/>Array</span></a>
<a href="RowColumnDefinition.html#separatorPadding" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>separator<wbr/>Padding</span></a>
<a href="RowColumnDefinition.html#separatorStroke" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>separator<wbr/>Stroke</span></a>
<a href="RowColumnDefinition.html#separatorStrokeWidth" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>separator<wbr/>Stroke<wbr/>Width</span></a>
<a href="RowColumnDefinition.html#sizing" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>sizing</span></a>
<a href="RowColumnDefinition.html#stretch" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>stretch</span></a>
<a href="RowColumnDefinition.html#total" class="tsd-index-link"><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-R,#FF4D4D"></use></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>total</span></a>
<a href="RowColumnDefinition.html#width" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>width</span></a>
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="RowColumnDefinition.html#bind" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>bind</span></a>
<a href="RowColumnDefinition.html#bindTwoWay" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>bind<wbr/>Two<wbr/>Way</span></a>
<a href="RowColumnDefinition.html#theme" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>theme</span></a>
<a href="RowColumnDefinition.html#themeData" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>theme<wbr/>Data</span></a>
<a href="RowColumnDefinition.html#themeModel" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>theme<wbr/>Model</span></a>
<a href="RowColumnDefinition.html#themeObject" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>theme<wbr/>Object</span></a>
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="RowColumnDefinition.html#Default" class="tsd-index-link deprecated"><svg class="static tsd-subicon" viewBox="0 0 28 28"><g id="subicon-S,#FF984D"><rect fill="var(--color-icon-background)" width="28" height="28" rx="14"></rect><path transform="translate(2, 2)" fill="none" stroke-width="1.5" stroke="var(--color-text)" d="M5.25 8.25h15m-16.5 7.5h15m-1.8-13.5-3.9 19.5m-2.1-19.5-3.9 19.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><g id="subicon-R,#FF984D"><rect fill="var(--color-icon-background)" width="28" height="28" rx="14"></rect><path transform="translate(2, 2)" fill="none" stroke-width="1.5" stroke="var(--color-text)" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" stroke-linecap="round" stroke-linejoin="round"></path></g></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Default</span></a>
<a href="RowColumnDefinition.html#None" class="tsd-index-link deprecated"><svg class="static tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-S,#FF984D"></use></svg><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-R,#FF984D"></use></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>None</span></a>
<a href="RowColumnDefinition.html#ProportionalExtra" class="tsd-index-link deprecated"><svg class="static tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-S,#FF984D"></use></svg><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-R,#FF984D"></use></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Proportional<wbr/>Extra</span></a>
</div></section></div></details></section></section><section class="tsd-panel-group tsd-member-group"><h2>Constructors</h2><section class="tsd-panel tsd-member"><a id="constructor" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="constructor.new_RowColumnDefinition" class="tsd-anchor"></a><span class="tsd-kind-constructor-signature">new <wbr/>Row<wbr/>Column<wbr/>Definition</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">init</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol"><</span><a href="RowColumnDefinition.html" class="tsd-signature-type tsd-kind-class">RowColumnDefinition</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span><br/><span> </span><span class="tsd-kind-property">column</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span><br/><span> </span><span class="tsd-kind-property">row</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="RowColumnDefinition.html" class="tsd-signature-type tsd-kind-class">RowColumnDefinition</a><a href="#constructor.new_RowColumnDefinition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>You can use this constructor with <a href="Panel.html#addRowColumnDefinition" class="tsd-kind-method">Panel.addRowColumnDefinition</a> to add
RowColumnDefinitions to Table Panels.</p>
<p>Calls to <a href="Panel.html#getRowDefinition" class="tsd-kind-method">Panel.getRowDefinition</a> or <a href="Panel.html#getColumnDefinition" class="tsd-kind-method">Panel.getColumnDefinition</a>
will automatically create and remember a RowColumnDefinition for you.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">init</span>: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol"><</span><a href="RowColumnDefinition.html" class="tsd-signature-type tsd-kind-class">RowColumnDefinition</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span><br/><span> </span><span class="tsd-kind-property">column</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span><br/><span> </span><span class="tsd-kind-property">row</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">></span></h5><div class="tsd-comment tsd-typography"><p>Optional initialization properties. These can include <code>row</code> or <code>column</code> index numbers as a convenience
instead of setting <a href="RowColumnDefinition.html#isRow" class="tsd-kind-accessor">isRow</a> and <a href="RowColumnDefinition.html#index" class="tsd-kind-accessor">index</a>.</p>
</div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="RowColumnDefinition.html" class="tsd-signature-type tsd-kind-class">RowColumnDefinition</a></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group"><h2>Accessors</h2><section class="tsd-panel tsd-member"><a id="actual" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>actual</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></div><a href="#actual" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><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.
This does not include <a href="RowColumnDefinition.html#separatorPadding" class="tsd-kind-accessor">separatorPadding</a> or <a href="RowColumnDefinition.html#separatorStrokeWidth" class="tsd-kind-accessor">separatorStrokeWidth</a>, as <a href="RowColumnDefinition.html#total" class="tsd-kind-accessor">total</a> does.</p>
<p>This value gives the row height if <a href="RowColumnDefinition.html#isRow" class="tsd-kind-accessor">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.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="RowColumnDefinition.html#total" class="tsd-kind-accessor">total</a></li>
<li><a href="RowColumnDefinition.html#height" class="tsd-kind-accessor">height</a></li>
<li><a href="RowColumnDefinition.html#width" class="tsd-kind-accessor">width</a></li>
<li><a href="RowColumnDefinition.html#sizing" class="tsd-kind-accessor">sizing</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="alignment" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>alignment</span><div class="membertype"><span class="tsd-signature-symbol">: </span><a href="Spot.html" class="tsd-signature-type tsd-kind-class">Spot</a></div><a href="#alignment" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets a default alignment for elements that are in this row or column.
The value must be a <a href="Spot.html" class="tsd-kind-class">Spot</a>.
The default value is <a href="Spot.html#Default" class="tsd-kind-property">Spot.Default</a>, so that this RowColumnDefinition
does not supply any alignment information for the row or column.</p>
<p>When an element's <a href="GraphObject.html#alignment" class="tsd-kind-accessor">GraphObject.alignment</a> property is <a href="Spot.html#Default" class="tsd-kind-property">Spot.Default</a>,
it gets the horizontal alignment from the element's column's <a href="RowColumnDefinition.html" class="tsd-kind-class">RowColumnDefinition</a>
and the vertical alignment from the element's row's RowColumnDefinition.
When that <a href="RowColumnDefinition.html#alignment" class="tsd-kind-accessor">RowColumnDefinition.alignment</a> property is also Default,
it takes the value from the table panel's <a href="Panel.html#defaultAlignment" class="tsd-kind-accessor">Panel.defaultAlignment</a> property.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="GraphObject.html#alignment" class="tsd-kind-accessor">GraphObject.alignment</a></li>
<li><a href="Panel.html#defaultAlignment" class="tsd-kind-accessor">Panel.defaultAlignment</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="background" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>background</span><div class="membertype"><span class="tsd-signature-symbol">: </span><a href="BrushLike.html" class="tsd-signature-type tsd-kind-type-alias">BrushLike</a></div><a href="#background" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><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.</p>
<p>The default value is null, which means nothing is drawn in the background of the row or column.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><p><a href="GraphObject.html#background" class="tsd-kind-accessor">GraphObject.background</a></p>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="coversSeparators" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>covers<wbr/>Separators</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#coversSeparators" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Determines whether or not the <a href="RowColumnDefinition.html#background" class="tsd-kind-accessor">background</a>, if there is one, is in front of or behind the separators.</p>
<p>The default value is false -- any background is drawn behind any separator lines.</p>
</div></li></ul></section><section class="tsd-panel tsd-member"><a id="height" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>height</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></div><a href="#height" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets the row height, in local coordinates.
This describes the row height if <a href="RowColumnDefinition.html#isRow" class="tsd-kind-accessor">isRow</a> is true;
otherwise this property is meaningless.
The value must be non-negative and finite.</p>
<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>
<p>Setting this value to a number will mean that all of the objects
of this <a href="Panel.html" class="tsd-kind-class">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="GraphObject.html#stretch" class="tsd-kind-accessor">GraphObject.stretch</a> stretches vertically.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="RowColumnDefinition.html#width" class="tsd-kind-accessor">width</a></li>
<li><a href="RowColumnDefinition.html#minimum" class="tsd-kind-accessor">minimum</a></li>
<li><a href="RowColumnDefinition.html#maximum" class="tsd-kind-accessor">maximum</a></li>
<li><a href="RowColumnDefinition.html#sizing" class="tsd-kind-accessor">sizing</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="index" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>index</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></div><a href="#index" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>This read-only property returns which row or column this RowColumnDefinition describes in the <a href="RowColumnDefinition.html#panel" class="tsd-kind-accessor">panel</a>.
The value is a zero-based integer.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Panel.html#findColumnForLocalX" class="tsd-kind-method">Panel.findColumnForLocalX</a></li>
<li><a href="Panel.html#findRowForLocalY" class="tsd-kind-method">Panel.findRowForLocalY</a></li>
<li><a href="Panel.html#leftIndex" class="tsd-kind-accessor">Panel.leftIndex</a></li>
<li><a href="Panel.html#topIndex" class="tsd-kind-accessor">Panel.topIndex</a></li>
<li><a href="RowColumnDefinition.html#position" class="tsd-kind-accessor">position</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="isRow" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>is<wbr/>Row</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#isRow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>This read-only property is true when this describes a row instead of a column in the <a href="RowColumnDefinition.html#panel" class="tsd-kind-accessor">panel</a>.
When this is true, the <a href="RowColumnDefinition.html#height" class="tsd-kind-accessor">height</a>, <a href="RowColumnDefinition.html#minimum" class="tsd-kind-accessor">minimum</a>, and <a href="RowColumnDefinition.html#maximum" class="tsd-kind-accessor">maximum</a>
all describe the row height.
Otherwise <a href="RowColumnDefinition.html#width" class="tsd-kind-accessor">width</a> and the other two properties describe the column width.</p>
</div></li></ul></section><section class="tsd-panel tsd-member"><a id="maximum" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>maximum</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></div><a href="#maximum" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets the maximum row height or column width, in local coordinates.
The maximum describes the row height if <a href="RowColumnDefinition.html#isRow" class="tsd-kind-accessor">isRow</a> is true;
otherwise this describes the column width.</p>
<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.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="RowColumnDefinition.html#width" class="tsd-kind-accessor">width</a></li>
<li><a href="RowColumnDefinition.html#height" class="tsd-kind-accessor">height</a></li>
<li><a href="RowColumnDefinition.html#minimum" class="tsd-kind-accessor">minimum</a></li>
<li><a href="RowColumnDefinition.html#sizing" class="tsd-kind-accessor">sizing</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="minimum" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>minimum</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></div><a href="#minimum" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets the minimum row height or column width, in local coordinates.
The minimum describes the row height if <a href="RowColumnDefinition.html#isRow" class="tsd-kind-accessor">isRow</a> is true;
otherwise this describes the column width.</p>
<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.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="RowColumnDefinition.html#width" class="tsd-kind-accessor">width</a></li>
<li><a href="RowColumnDefinition.html#height" class="tsd-kind-accessor">height</a></li>
<li><a href="RowColumnDefinition.html#maximum" class="tsd-kind-accessor">maximum</a></li>
<li><a href="RowColumnDefinition.html#sizing" class="tsd-kind-accessor">sizing</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="panel" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagReadOnly">Readonly</code><span>panel</span><div class="membertype"><span class="tsd-signature-symbol">: </span><a href="Panel.html" class="tsd-signature-type tsd-kind-class">Panel</a></div><a href="#panel" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>This read-only property returns the <a href="Panel.html" class="tsd-kind-class">Panel</a> that this row or column definition is in.</p>
</div></li></ul></section><section class="tsd-panel tsd-member"><a id="position" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>position</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></div><a href="#position" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>This read-only property returns the actual arranged row or column starting position, after arrangement, in local coordinates.
This value gives the Y position if <a href="RowColumnDefinition.html#isRow" class="tsd-kind-accessor">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.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Panel.html#findColumnForLocalX" class="tsd-kind-method">Panel.findColumnForLocalX</a></li>
<li><a href="Panel.html#findRowForLocalY" class="tsd-kind-method">Panel.findRowForLocalY</a></li>
<li><a href="Panel.html#leftIndex" class="tsd-kind-accessor">Panel.leftIndex</a></li>
<li><a href="Panel.html#topIndex" class="tsd-kind-accessor">Panel.topIndex</a></li>
<li><a href="RowColumnDefinition.html#index" class="tsd-kind-accessor">index</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="separatorDashArray" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>separator<wbr/>Dash<wbr/>Array</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span></div><a href="#separatorDashArray" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets the dash array for dashing the separator line, provided this
row or column has a nonzero <a href="RowColumnDefinition.html#separatorStrokeWidth" class="tsd-kind-accessor">RowColumnDefinition.separatorStrokeWidth</a> and non-null <a href="RowColumnDefinition.html#separatorStroke" class="tsd-kind-accessor">RowColumnDefinition.separatorStroke</a>.</p>
<p>Must be an array of positive numbers and zeroes,
or else null to indicate a solid line.</p>
<p>For example, the array [5, 10] would create dashes of 5 pixels and spaces of 10 pixels.</p>
<p>Setting an array with all zeroes will set the value to null.</p>
<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="Panel.html#defaultRowSeparatorDashArray" class="tsd-kind-accessor">Panel.defaultRowSeparatorDashArray</a>
or <a href="Panel.html#defaultColumnSeparatorDashArray" class="tsd-kind-accessor">Panel.defaultColumnSeparatorDashArray</a> is non-null.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Panel.html#defaultColumnSeparatorDashArray" class="tsd-kind-accessor">Panel.defaultColumnSeparatorDashArray</a></li>
<li><a href="Panel.html#defaultRowSeparatorDashArray" class="tsd-kind-accessor">Panel.defaultRowSeparatorDashArray</a></li>
<li><a href="RowColumnDefinition.html#separatorPadding" class="tsd-kind-accessor">separatorPadding</a></li>
<li><a href="RowColumnDefinition.html#separatorStroke" class="tsd-kind-accessor">separatorStroke</a></li>
<li><a href="RowColumnDefinition.html#separatorStrokeWidth" class="tsd-kind-accessor">separatorStrokeWidth</a></li>
<li><a href="RowColumnDefinition.html#background" class="tsd-kind-accessor">background</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="separatorPadding" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>separator<wbr/>Padding</span><div class="membertype"><span class="tsd-signature-symbol">: </span><a href="MarginLike.html" class="tsd-signature-type tsd-kind-type-alias">MarginLike</a></div><a href="#separatorPadding" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets the additional padding for a particular row or column, in local coordinates.
Padding is applied on two sides - before and after a row or column's contents.
The <a href="RowColumnDefinition.html#separatorStrokeWidth" class="tsd-kind-accessor">separatorStrokeWidth</a> comes before any padding <a href="Margin.html#top" class="tsd-kind-accessor">Margin.top</a> or <a href="Margin.html#left" class="tsd-kind-accessor">Margin.left</a>.</p>
<p>The default value is null, so that this RowColumnDefinition
does not supply any padding information for the row or column.
There may still be some padding between rows and/or columns if <a href="Panel.html#defaultSeparatorPadding" class="tsd-kind-accessor">Panel.defaultSeparatorPadding</a> is non-zero.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Panel.html#defaultSeparatorPadding" class="tsd-kind-accessor">Panel.defaultSeparatorPadding</a></li>
<li><a href="RowColumnDefinition.html#separatorStroke" class="tsd-kind-accessor">separatorStroke</a></li>
<li><a href="RowColumnDefinition.html#separatorStrokeWidth" class="tsd-kind-accessor">separatorStrokeWidth</a></li>
<li><a href="RowColumnDefinition.html#separatorDashArray" class="tsd-kind-accessor">separatorDashArray</a></li>
<li><a href="RowColumnDefinition.html#background" class="tsd-kind-accessor">background</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="separatorStroke" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>separator<wbr/>Stroke</span><div class="membertype"><span class="tsd-signature-symbol">: </span><a href="BrushLike.html" class="tsd-signature-type tsd-kind-type-alias">BrushLike</a></div><a href="#separatorStroke" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets the stroke (color) for the separator line that is drawn before a particular row or column,
provided that row or column has a nonzero <a href="RowColumnDefinition.html#separatorStrokeWidth" class="tsd-kind-accessor">separatorStrokeWidth</a>.</p>
<p>The default value is null, so that this RowColumnDefinition
does not specify any brush for the separator line to draw before the row or column.
The line may still be drawn if the value of <a href="Panel.html#defaultRowSeparatorStroke" class="tsd-kind-accessor">Panel.defaultRowSeparatorStroke</a> or
<a href="Panel.html#defaultColumnSeparatorStroke" class="tsd-kind-accessor">Panel.defaultColumnSeparatorStroke</a> is non-null.</p>
<p>However, if no stroke color is specified, then no stroke width will be drawn,
even if the <a href="RowColumnDefinition.html#separatorStrokeWidth" class="tsd-kind-accessor">separatorStrokeWidth</a> value is non-zero.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Panel.html#defaultColumnSeparatorStroke" class="tsd-kind-accessor">Panel.defaultColumnSeparatorStroke</a></li>
<li><a href="Panel.html#defaultRowSeparatorStroke" class="tsd-kind-accessor">Panel.defaultRowSeparatorStroke</a></li>
<li><a href="RowColumnDefinition.html#separatorPadding" class="tsd-kind-accessor">separatorPadding</a></li>
<li><a href="RowColumnDefinition.html#separatorStrokeWidth" class="tsd-kind-accessor">separatorStrokeWidth</a></li>
<li><a href="RowColumnDefinition.html#separatorDashArray" class="tsd-kind-accessor">separatorDashArray</a></li>
<li><a href="RowColumnDefinition.html#background" class="tsd-kind-accessor">background</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="separatorStrokeWidth" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>separator<wbr/>Stroke<wbr/>Width</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></div><a href="#separatorStrokeWidth" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets the stroke width for a particular row or column's separator line, in local coordinates.</p>
<p>The default value is NaN, so that this RowColumnDefinition
does not supply any stroke width information for what is drawn before the row or column.
The separator line may still be drawn if <a href="Panel.html#defaultRowSeparatorStroke" class="tsd-kind-accessor">Panel.defaultRowSeparatorStroke</a>
or <a href="Panel.html#defaultColumnSeparatorStroke" class="tsd-kind-accessor">Panel.defaultColumnSeparatorStroke</a> is a real number (they default to 1).</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Panel.html#defaultColumnSeparatorStrokeWidth" class="tsd-kind-accessor">Panel.defaultColumnSeparatorStrokeWidth</a></li>
<li><a href="Panel.html#defaultRowSeparatorStrokeWidth" class="tsd-kind-accessor">Panel.defaultRowSeparatorStrokeWidth</a></li>
<li><a href="RowColumnDefinition.html#separatorPadding" class="tsd-kind-accessor">separatorPadding</a></li>
<li><a href="RowColumnDefinition.html#separatorStroke" class="tsd-kind-accessor">separatorStroke</a></li>
<li><a href="RowColumnDefinition.html#separatorDashArray" class="tsd-kind-accessor">separatorDashArray</a></li>
<li><a href="RowColumnDefinition.html#background" class="tsd-kind-accessor">background</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="sizing" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>sizing</span><div class="membertype"><span class="tsd-signature-symbol">: </span><a href="Sizing.html" class="tsd-signature-type tsd-kind-enum">Sizing</a></div><a href="#sizing" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets how this row or column deals with a Table Panel's extra space.
The value must be a <a href="Sizing.html" class="tsd-kind-enum">Sizing</a> value.
The default value is <a href="Sizing.html#Default" class="tsd-kind-enum-member">Sizing.Default</a>.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Panel.html#columnSizing" class="tsd-kind-accessor">Panel.columnSizing</a></li>
<li><a href="Panel.html#rowSizing" class="tsd-kind-accessor">Panel.rowSizing</a></li>
<li><a href="RowColumnDefinition.html#actual" class="tsd-kind-accessor">actual</a></li>
<li><a href="RowColumnDefinition.html#total" class="tsd-kind-accessor">total</a></li>
<li><a href="RowColumnDefinition.html#height" class="tsd-kind-accessor">height</a></li>
<li><a href="RowColumnDefinition.html#width" class="tsd-kind-accessor">width</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="stretch" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>stretch</span><div class="membertype"><span class="tsd-signature-symbol">: </span><a href="Stretch.html" class="tsd-signature-type tsd-kind-enum">Stretch</a></div><a href="#stretch" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets the default stretch for elements that are in this row or column.
The only accepted values are listed as constant properties of GraphObject:
<a href="Stretch.html#None" class="tsd-kind-enum-member">Stretch.None</a>, <a href="Stretch.html#Fill" class="tsd-kind-enum-member">Stretch.Fill</a>, <a href="Stretch.html#Horizontal" class="tsd-kind-enum-member">Stretch.Horizontal</a>, <a href="Stretch.html#Vertical" class="tsd-kind-enum-member">Stretch.Vertical</a>, or <a href="Stretch.html#Default" class="tsd-kind-enum-member">Stretch.Default</a>.
The default value is <a href="Stretch.html#Default" class="tsd-kind-enum-member">Stretch.Default</a>, so that this RowColumnDefinition
does not supply any stretch information for the row or column.</p>
<p>When an element's <a href="GraphObject.html#stretch" class="tsd-kind-accessor">GraphObject.stretch</a> property is <a href="Stretch.html#Default" class="tsd-kind-enum-member">Stretch.Default</a>,
it gets the horizontal stretch from the element's column's <a href="RowColumnDefinition.html" class="tsd-kind-class">RowColumnDefinition</a>
and the vertical stretch from the element's row's RowColumnDefinition.
When that <a href="RowColumnDefinition.html#stretch" class="tsd-kind-accessor">RowColumnDefinition.stretch</a> property is also Default,
it takes the value from the table panel's <a href="Panel.html#defaultStretch" class="tsd-kind-accessor">Panel.defaultStretch</a> property.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="GraphObject.html#stretch" class="tsd-kind-accessor">GraphObject.stretch</a></li>
<li><a href="Panel.html#defaultStretch" class="tsd-kind-accessor">Panel.defaultStretch</a></li>
<li><a href="RowColumnDefinition.html#sizing" class="tsd-kind-accessor">sizing</a></li>
<li><a href="RowColumnDefinition.html#width" class="tsd-kind-accessor">width</a></li>
<li><a href="RowColumnDefinition.html#height" class="tsd-kind-accessor">height</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="total" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagReadOnly">Readonly</code><span>total</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></div><a href="#total" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>This read-only property returns the total arranged row height or column width, after arrangement, in local coordinates.
This value gives the <a href="RowColumnDefinition.html#actual" class="tsd-kind-accessor">actual</a> size plus the <a href="RowColumnDefinition.html#separatorPadding" class="tsd-kind-accessor">separatorPadding</a> and <a href="RowColumnDefinition.html#separatorStrokeWidth" class="tsd-kind-accessor">separatorStrokeWidth</a>.</p>
<p>This value gives the vertical space occupied by the row if <a href="RowColumnDefinition.html#isRow" class="tsd-kind-accessor">isRow</a> is true;
otherwise this gives the horizontal space occupied by the column.
The value is meaningless until after the Table Panel using this
RowColumnDefinition has been arranged.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="RowColumnDefinition.html#actual" class="tsd-kind-accessor">actual</a></li>
<li><a href="RowColumnDefinition.html#height" class="tsd-kind-accessor">height</a></li>
<li><a href="RowColumnDefinition.html#width" class="tsd-kind-accessor">width</a></li>
<li><a href="RowColumnDefinition.html#sizing" class="tsd-kind-accessor">sizing</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="width" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>width</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></div><a href="#width" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets the column width, in local coordinates.
The size describes the column width if <a href="RowColumnDefinition.html#isRow" class="tsd-kind-accessor">isRow</a> is false;
otherwise this property is meaningless.
The value must be non-negative and finite.</p>
<p>The default value is NaN, which means this column will get a width
that is just big enough to hold all of the objects in the column.</p>
<p>Setting this value to a number will mean that all of the objects
of this <a href="Panel.html" class="tsd-kind-class">Panel</a> in this column will be allocated that
amount of column width.
Whether an object in the column is actually arranged to have that width
depends on whether the <a href="GraphObject.html#stretch" class="tsd-kind-accessor">GraphObject.stretch</a> stretches horizontally.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="RowColumnDefinition.html#height" class="tsd-kind-accessor">height</a></li>
<li><a href="RowColumnDefinition.html#minimum" class="tsd-kind-accessor">minimum</a></li>
<li><a href="RowColumnDefinition.html#maximum" class="tsd-kind-accessor">maximum</a></li>
<li><a href="RowColumnDefinition.html#sizing" class="tsd-kind-accessor">sizing</a></li>
</ul>
</div></div></li></ul></section></section><section class="tsd-panel-group tsd-member-group"><h2>Methods</h2><section class="tsd-panel tsd-member"><a id="bind" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>bind</span><a href="#bind" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="bind.bind-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">bind</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">targetprop</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">sourceprop</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">conv</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">backconv</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">sourceData</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">model</span><span class="tsd-signature-symbol">: </span><a href="Model.html" class="tsd-signature-type tsd-kind-class">Model</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span><a href="#bind.bind-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Add a data-binding to this RowColumnDefinition for the given property names and optional conversion function.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">targetprop</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>A string naming the target property on the target object.
This should not be the empty string.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">sourceprop</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>A string naming the source property on the bound data object.
If this is the empty string, the whole <a href="Panel.html#data" class="tsd-kind-accessor">Panel.data</a> object is used.
If this argument is not supplied, the source property is assumed to be the same as the target property.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">conv</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>An optional side-effect-free function converting the data property value to the value to set the target property.
If the function is null or not supplied, no conversion takes place.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">targetObj</span>: <span class="tsd-signature-type">any</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">backconv</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">sourceData</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">model</span><span class="tsd-signature-symbol">: </span><a href="Model.html" class="tsd-signature-type tsd-kind-class">Model</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>An optional conversion function to convert property values back to data values.
Specifying this modifies the binding to set its <a href="Binding.html#mode" class="tsd-kind-accessor">Binding.mode</a> to be <a href="BindingMode.html#TwoWay" class="tsd-kind-enum-member">BindingMode.TwoWay</a>.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">sourceData</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">model</span><span class="tsd-signature-symbol">: </span><a href="Model.html" class="tsd-signature-type tsd-kind-class">Model</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">sourceData</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">model</span>: <a href="Model.html" class="tsd-signature-type tsd-kind-class">Model</a></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">this</span></h4><p>this RowColumnDefinition</p>
<div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">since</code><p>2.2</p>
</div></div></li><li class="tsd-signature tsd-anchor-link"><a id="bind.bind-2" class="tsd-anchor"></a><span class="tsd-kind-call-signature">bind</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">binding</span><span class="tsd-signature-symbol">: </span><a href="Binding.html" class="tsd-signature-type tsd-kind-class">Binding</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span><a href="#bind.bind-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Add a data-binding of a property on this RowColumnDefinition to a property on a data object.</p>
<p>Read more about <a href="Binding.html" class="tsd-kind-class">Binding</a>s at <a href="../../intro/dataBinding.html">the Introduction page about Data Bindings</a>.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">binding</span>: <a href="Binding.html" class="tsd-signature-type tsd-kind-class">Binding</a></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">this</span></h4><p>this RowColumnDefinition</p>
</li></ul></section><section class="tsd-panel tsd-member"><a id="bindTwoWay" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>bind<wbr/>Two<wbr/>Way</span><a href="#bindTwoWay" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="bindTwoWay.bindTwoWay-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">bind<wbr/>Two<wbr/>Way</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">targetprop</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="Binding.html" class="tsd-signature-type tsd-kind-class">Binding</a>, <span class="tsd-kind-parameter">sourceprop</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">conv</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">backconv</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">sourceData</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">model</span><span class="tsd-signature-symbol">: </span><a href="Model.html" class="tsd-signature-type tsd-kind-class">Model</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span><a href="#bindTwoWay.bindTwoWay-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>This convenience function works like <a href="GraphObject.html#bind" class="tsd-kind-method">GraphObject.bind</a>, creating a Binding, then also calls <a href="Binding.html#makeTwoWay" class="tsd-kind-method">Binding.makeTwoWay</a> on it.
These are equivalent:</p>
<pre><code><span class="hl-2">.</span><span class="hl-5">bind</span><span class="hl-2">(</span><span class="hl-6">"text"</span><span class="hl-2">, </span><span class="hl-6">"text"</span><span class="hl-2">, </span><span class="hl-1">null</span><span class="hl-2">, </span><span class="hl-1">null</span><span class="hl-2">)</span><br/><span class="hl-2">.</span><span class="hl-5">bindTwoWay</span><span class="hl-2">(</span><span class="hl-6">"text"</span><span class="hl-2">)</span>
</code><button>Copy</button></pre>
<p>As are these:</p>
<pre><code><span class="hl-2">.</span><span class="hl-5">bind</span><span class="hl-2">(</span><span class="hl-6">"text"</span><span class="hl-2">, </span><span class="hl-6">"someProp"</span><span class="hl-2">, </span><span class="hl-1">null</span><span class="hl-2">, </span><span class="hl-1">null</span><span class="hl-2">)</span><br/><span class="hl-2">.</span><span class="hl-5">bindTwoWay</span><span class="hl-2">(</span><span class="hl-6">"text"</span><span class="hl-2">, </span><span class="hl-6">"someProp"</span><span class="hl-2">)</span>
</code><button>Copy</button></pre>
<p>The first creates a two-way binding because specifying anything for the 4th argument (BackConversion) automatically
sets the <a href="Binding.html#mode" class="tsd-kind-accessor">Binding.mode</a> to be <a href="BindingMode.html#TwoWay" class="tsd-kind-enum-member">BindingMode.TwoWay</a>. However, it requires specifying the middle arguments, which may not be necessary.</p>
<p>Read more about <a href="Binding.html" class="tsd-kind-class">Binding</a>s at <a href="../../intro/dataBinding.html">the Introduction page about Data Bindings</a>.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">targetprop</span>: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="Binding.html" class="tsd-signature-type tsd-kind-class">Binding</a></h5><div class="tsd-comment tsd-typography"><p>A string naming the target property on this GraphObject.
This should not be the empty string.
This becomes the value of <a href="Binding.html#targetProperty" class="tsd-kind-accessor">Binding.targetProperty</a>.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">sourceprop</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>A string naming the source property on the bound data object.
If this is the empty string, the whole <a href="Panel.html#data" class="tsd-kind-accessor">Panel.data</a> object is used.
If this argument is not supplied, the source property is assumed to be the same as the target property.
This becomes the value of <a href="Binding.html#sourceProperty" class="tsd-kind-accessor">Binding.sourceProperty</a>.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">conv</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>An optional side-effect-free function converting the data property value to the value to set the target property.
If the function is null or not supplied, no conversion takes place.
This becomes the value of <a href="Binding.html#converter" class="tsd-kind-accessor">Binding.converter</a>.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">targetObj</span>: <span class="tsd-signature-type">any</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">backconv</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">sourceData</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">model</span><span class="tsd-signature-symbol">: </span><a href="Model.html" class="tsd-signature-type tsd-kind-class">Model</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>An optional conversion function to convert GraphObject property values back to data values.
Specifying this modifies the binding to set its <a href="Binding.html#mode" class="tsd-kind-accessor">Binding.mode</a> to be <a href="BindingMode.html#TwoWay" class="tsd-kind-enum-member">BindingMode.TwoWay</a>.
This becomes the value of <a href="Binding.html#backConverter" class="tsd-kind-accessor">Binding.backConverter</a>.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">sourceData</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">model</span><span class="tsd-signature-symbol">: </span><a href="Model.html" class="tsd-signature-type tsd-kind-class">Model</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">sourceData</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">model</span>: <a href="Model.html" class="tsd-signature-type tsd-kind-class">Model</a></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">this</span></h4><p>this GraphObject</p>
<div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">since</code><p>3.0</p>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="theme" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>theme</span><a href="#theme" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="theme.theme-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">theme</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">targetprop</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">sourceprop</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">themeSource</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">conv</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">themeconv</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span><a href="#theme.theme-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Add a <a href="ThemeBinding.html" class="tsd-kind-class">ThemeBinding</a> from a Theme property to a property on this RowColumnDefinition.</p>
<p>Read more about theming at <a href="../../intro/theming.html">the Introduction page about Themes</a>.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">targetprop</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>A string naming the target property on the target object.
This should not be the empty string.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">sourceprop</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>A string naming the source property on the theme.
This should not be the empty string.
If this argument is not supplied, the source property is assumed to be the same as the target property.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">themeSource</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>The theme source object to search for the source property.
If this argument is null or not supplied, the empty-string is used.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">conv</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>An optional side-effect-free function converting the source property to the theme property name.
If the function is null or not supplied, no conversion takes place.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">targetObj</span>: <span class="tsd-signature-type">any</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">themeconv</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>An optional side-effect-free function converting the theme value to the value to set the target property.
If the function is null or not supplied, no conversion takes place.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">targetObj</span>: <span class="tsd-signature-type">any</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">this</span></h4><p>this RowColumnDefinition</p>
<div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">since</code><p>3.0</p>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="themeData" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>theme<wbr/>Data</span><a href="#themeData" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="themeData.themeData-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">theme<wbr/>Data</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">targetprop</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">sourceprop</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">themeSource</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">conv</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">themeconv</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span><a href="#themeData.themeData-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Add a <a href="ThemeBinding.html" class="tsd-kind-class">ThemeBinding</a> from a data property to a property on this RowColumnDefinition.</p>
<p>This is a convenience function for <a href="RowColumnDefinition.html#theme" class="tsd-kind-method">theme</a> that additionally calls <a href="ThemeBinding.html#ofData" class="tsd-kind-method">ThemeBinding.ofData</a> on the created binding.</p>
<p>Read more about theming at <a href="../../intro/theming.html">the Introduction page about Themes</a>.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">targetprop</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>A string naming the target property on the target object.
This should not be the empty string.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">sourceprop</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>A string naming the source property on the theme.
This should not be the empty string.
If this argument is not supplied, the source property is assumed to be the same as the target property.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">themeSource</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>The theme source object to search for the source property.
If this argument is null or not supplied, the empty-string is used.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">conv</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>An optional side-effect-free function converting the source property to the theme property name.
If the function is null or not supplied, no conversion takes place.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">targetObj</span>: <span class="tsd-signature-type">any</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">themeconv</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>An optional side-effect-free function converting the theme value to the value to set the target property.
If the function is null or not supplied, no conversion takes place.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">targetObj</span>: <span class="tsd-signature-type">any</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">this</span></h4><p>this RowColumnDefinition</p>
<div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">since</code><p>3.0</p>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="themeModel" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>theme<wbr/>Model</span><a href="#themeModel" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="themeModel.themeModel-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">theme<wbr/>Model</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">targetprop</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">sourceprop</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">themeSource</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">conv</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">themeconv</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span><a href="#themeModel.themeModel-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Add a <a href="ThemeBinding.html" class="tsd-kind-class">ThemeBinding</a> from the shared <a href="Model.html#modelData" class="tsd-kind-accessor">Model.modelData</a> to a property on this RowColumnDefinition.</p>
<p>This is a convenience function for <a href="RowColumnDefinition.html#theme" class="tsd-kind-method">theme</a> that additionally calls <a href="Binding.html#ofModel" class="tsd-kind-method">Binding.ofModel</a> on the created binding.</p>
<p>Read more about theming at <a href="../../intro/theming.html">the Introduction page about Themes</a>.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">targetprop</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>A string naming the target property on the target object.
This should not be the empty string.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">sourceprop</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>A string naming the source property on the theme.
This should not be the empty string.
If this argument is not supplied, the source property is assumed to be the same as the target property.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">themeSource</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>The theme source object to search for the source property.
If this argument is null or not supplied, the empty-string is used.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">conv</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>An optional side-effect-free function converting the source property to the theme property name.
If the function is null or not supplied, no conversion takes place.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">targetObj</span>: <span class="tsd-signature-type">any</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">themeconv</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>An optional side-effect-free function converting the theme value to the value to set the target property.
If the function is null or not supplied, no conversion takes place.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">targetObj</span>: <span class="tsd-signature-type">any</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">this</span></h4><p>this RowColumnDefinition</p>
<div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">since</code><p>3.0</p>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="themeObject" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>theme<wbr/>Object</span><a href="#themeObject" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="themeObject.themeObject-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">theme<wbr/>Object</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">targetprop</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">sourceprop</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">themeSource</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, <span class="tsd-kind-parameter">conv</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">themeconv</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">objectSrcname</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">this</span><a href="#themeObject.themeObject-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Add a <a href="ThemeBinding.html" class="tsd-kind-class">ThemeBinding</a> from a GraphObject property to a property on this RowColumnDefinition.</p>
<p>This is a convenience function for <a href="RowColumnDefinition.html#theme" class="tsd-kind-method">theme</a> that additionally calls <a href="Binding.html#ofObject" class="tsd-kind-method">Binding.ofObject</a> on the created binding.
It passes the <code>objectSrcname</code> param to the <a href="Binding.html#ofObject" class="tsd-kind-method">Binding.ofObject</a> call.</p>
<p>Read more about theming at <a href="../../intro/theming.html">the Introduction page about Themes</a>.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">targetprop</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>A string naming the target property on the target object.
This should not be the empty string.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">sourceprop</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>A string naming the source property on the theme.
This should not be the empty string.
If this argument is not supplied, the source property is assumed to be the same as the target property.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">themeSource</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>The theme source object to search for the source property.
If this argument is null or not supplied, the empty-string is used.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">conv</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>An optional side-effect-free function converting the source property to the theme property name.
If the function is null or not supplied, no conversion takes place.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">targetObj</span>: <span class="tsd-signature-type">any</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">themeconv</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>An optional side-effect-free function converting the theme value to the value to set the target property.
If the function is null or not supplied, no conversion takes place.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, <span class="tsd-kind-parameter">targetObj</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">any</span></h5></li><li><h5><span class="tsd-kind-parameter">targetObj</span>: <span class="tsd-signature-type">any</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">objectSrcname</span>: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><p>the <a href="GraphObject.html#name" class="tsd-kind-accessor">GraphObject.name</a> of an element in the visual tree of the bound <a href="Panel.html" class="tsd-kind-class">Panel</a>
If not supplied, it uses the binding Panel as the source GraphObject.</p>
</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">this</span></h4><p>this RowColumnDefinition</p>
<div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">since</code><p>3.0</p>
</div></div></li></ul></section></section><section class="tsd-panel-group tsd-member-group"><h2>Properties</h2><section class="tsd-panel tsd-member"><a id="Default" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <code class="tsd-tag ts-flagReadonly">Readonly</code> <span class="deprecated">Default</span><a href="#Default" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">deprecated</code><p>See <a href="Sizing.html#Default" class="tsd-kind-enum-member">Sizing.Default</a>.</p>
</div></div></section><section class="tsd-panel tsd-member"><a id="None" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <code class="tsd-tag ts-flagReadonly">Readonly</code> <span class="deprecated">None</span><a href="#None" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">deprecated</code><p>See <a href="Sizing.html#None" class="tsd-kind-enum-member">Sizing.None</a>.</p>
</div></div></section><section class="tsd-panel tsd-member"><a id="ProportionalExtra" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <code class="tsd-tag ts-flagReadonly">Readonly</code> <span class="deprecated">Proportional<wbr/>Extra</span><a href="#ProportionalExtra" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">deprecated</code><p>See <a href="Sizing.html#ProportionalExtra" class="tsd-kind-enum-member">Sizing.ProportionalExtra</a>.</p>
</div></div></section></section></div><div class="col-sidebar"><div class="page-menu"><details open class="tsd-index-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><ul><li><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></li><li><a href="#actual"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>actual</span></a></li><li><a href="#alignment"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>alignment</span></a></li><li><a href="#background"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>background</span></a></li><li><a href="#coversSeparators"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>covers<wbr/>Separators</span></a></li><li><a href="#height"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>height</span></a></li><li><a href="#index"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>index</span></a></li><li><a href="#isRow"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>is<wbr/>Row</span></a></li><li><a href="#maximum"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>maximum</span></a></li><li><a href="#minimum"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>minimum</span></a></li><li><a href="#panel"><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-R,#FF4D4D"></use></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>panel</span></a></li><li><a href="#position"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>position</span></a></li><li><a href="#separatorDashArray"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>separator<wbr/>Dash<wbr/>Array</span></a></li><li><a href="#separatorPadding"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>separator<wbr/>Padding</span></a></li><li><a href="#separatorStroke"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>separator<wbr/>Stroke</span></a></li><li><a href="#separatorStrokeWidth"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>separator<wbr/>Stroke<wbr/>Width</span></a></li><li><a href="#sizing"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>sizing</span></a></li><li><a href="#stretch"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>stretch</span></a></li><li><a href="#total"><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-R,#FF4D4D"></use></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>total</span></a></li><li><a href="#width"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>width</span></a></li><li><a href="#bind"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>bind</span></a></li><li><a href="#bindTwoWay"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>bind<wbr/>Two<wbr/>Way</span></a></li><li><a href="#theme"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>theme</span></a></li><li><a href="#themeData"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>theme<wbr/>Data</span></a></li><li><a href="#themeModel"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>theme<wbr/>Model</span></a></li><li><a href="#themeObject"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>theme<wbr/>Object</span></a></li><li><a href="#Default" class="deprecated"><svg class="static tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-S,#FF984D"></use></svg><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-R,#FF984D"></use></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Default</span></a></li><li><a href="#None" class="deprecated"><svg class="static tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-S,#FF984D"></use></svg><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-R,#FF984D"></use></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>None</span></a></li><li><a href="#ProportionalExtra" class="deprecated"><svg class="static tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-S,#FF984D"></use></svg><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-R,#FF984D"></use></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Proportional<wbr/>Extra</span></a></li></ul></div></details><div class="tsd-navigation settings"><div class="tsd-theme-toggle"><h4 class="uppercase">Theme</h4><select id="tsd-theme"><option value="os">System</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1"></use></svg><span>GoJS API</span></a><ul class="tsd-small-nested-navigation" id="tsd-nav-container" data-base=".."><li>Loading...</li></ul></nav></div></div></div><div class="tsd w-full max-w-screen-xl mx-auto px-2"><div class="bottom-copyright">Copyright © 1998-2025 by Northwoods Software Corporation.</div></div><div class="overlay"></div><script async src="https://www.googletagmanager.com/gtag/js?id=G-S5QK8VSK84"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-S5QK8VSK84');
var getOutboundLink = function(url, label) {
gtag('event', 'click', {
'event_category': 'outbound',
'event_label': label,
'transport_type': 'beacon'
});
}
document.getElementById("contactBtn").addEventListener("click", function() {
getOutboundLink('https://nwoods.com/contact.html', 'contact');
});
document.getElementById("buyBtn").addEventListener("click", function() {
getOutboundLink('https://nwoods.com/sales/index.html', 'buy');
});</script></body></html>