Last-Modified: Wed, 23 Jul 2025 19:41:34 GMT
Expires: Sat, 21 Jul 2035 19:41:34 GMT

<!DOCTYPE html>
<html lang='en'>
<head>
<title>vaadin-framework.git - Vaadin 6, 7, 8 is a Java framework for modern Java web applications: https://github.com/vaadin/framework</title>
<meta name='generator' content='cgit v1.2.3'/>
<meta name='robots' content='index, nofollow'/>
<link rel='stylesheet' type='text/css' href='/cgit.css'/>
<link rel='shortcut icon' href='/favicon.ico'/>
<link rel='alternate' title='Atom feed' href='https://source.dussan.org/vaadin-framework.git/atom/?h=JS-RPC-docs-link-syntax' type='application/atom+xml'/>
</head>
<body>
<div id='cgit'><table id='header'>
<tr>
<td class='logo' rowspan='2'><a href='/'><img src='/cgit.png' alt='cgit logo'/></a></td>
<td class='main'><a href='/'>index</a> : <a href='/vaadin-framework.git/'>vaadin-framework.git</a></td><td class='form'><form method='get'>
<input type='hidden' name='id' value='12b6a8b42f3327e315e617e015304c4cc9dd4fa8'/><select name='h' onchange='this.form.submit();'>
<option value='7.0'>7.0</option>
<option value='7.1'>7.1</option>
<option value='7.2'>7.2</option>
<option value='7.3'>7.3</option>
<option value='7.4'>7.4</option>
<option value='7.5'>7.5</option>
<option value='7.6'>7.6</option>
<option value='7.7'>7.7</option>
<option value='7.7.45-changelog'>7.7.45-changelog</option>
<option value='8.0'>8.0</option>
<option value='8.1'>8.1</option>
<option value='8.10'>8.10</option>
<option value='8.11'>8.11</option>
<option value='8.12'>8.12</option>
<option value='8.13'>8.13</option>
<option value='8.14'>8.14</option>
<option value='8.2'>8.2</option>
<option value='8.3'>8.3</option>
<option value='8.4'>8.4</option>
<option value='8.5'>8.5</option>
<option value='8.6'>8.6</option>
<option value='8.7'>8.7</option>
<option value='8.8'>8.8</option>
<option value='8.9'>8.9</option>
<option value='JS-RPC-docs-link-syntax' selected='selected'>JS-RPC-docs-link-syntax</option>
<option value='OlliTietavainenVaadin-patch-1'>OlliTietavainenVaadin-patch-1</option>
<option value='OlliTietavainenVaadin-patch-2'>OlliTietavainenVaadin-patch-2</option>
<option value='add-deprecation-warning-20241105'>add-deprecation-warning-20241105</option>
<option value='changelog-7.7.47-changes'>changelog-7.7.47-changes</option>
<option value='changelog-8.27.1'>changelog-8.27.1</option>
<option value='changelog-8.27.2'>changelog-8.27.2</option>
<option value='changelog-8.27.3'>changelog-8.27.3</option>
<option value='changelog-8.27.4'>changelog-8.27.4</option>
<option value='changelog-8.27.6'>changelog-8.27.6</option>
<option value='changelog-8.28.1'>changelog-8.28.1</option>
<option value='chore-mention-8.14.4'>chore-mention-8.14.4</option>
<option value='chore-readme-8-14-4'>chore-readme-8-14-4</option>
<option value='context-menu'>context-menu</option>
<option value='datefield-set-invalid-value'>datefield-set-invalid-value</option>
<option value='declarative'>declarative</option>
<option value='dependabot/maven/org.eclipse.jetty-jetty-server-10.0.14'>dependabot/maven/org.eclipse.jetty-jetty-server-10.0.14</option>
<option value='dependabot/maven/org.eclipse.jetty-jetty-webapp-9.4.44.v20210927'>dependabot/maven/org.eclipse.jetty-jetty-webapp-9.4.44.v20210927</option>
<option value='dependabot/maven/org.eclipse.jgit-org.eclipse.jgit-3.5.3.201412180710-r'>dependabot/maven/org.eclipse.jgit-org.eclipse.jgit-3.5.3.201412180710-r</option>
<option value='dependabot/maven/org.eclipse.jgit-org.eclipse.jgit-7.2.1.202505142326-r'>dependabot/maven/org.eclipse.jgit-org.eclipse.jgit-7.2.1.202505142326-r</option>
<option value='dependabot/maven/org.hsqldb-hsqldb-2.7.1'>dependabot/maven/org.hsqldb-hsqldb-2.7.1</option>
<option value='documentation'>documentation</option>
<option value='documentation-7.6'>documentation-7.6</option>
<option value='downgrade-snapshot-version-20241105'>downgrade-snapshot-version-20241105</option>
<option value='exclude-element-screenshot'>exclude-element-screenshot</option>
<option value='feature/atmosphere-pure-javascript'>feature/atmosphere-pure-javascript</option>
<option value='feature/bootstrap-annotation'>feature/bootstrap-annotation</option>
<option value='feature/combobox-communication'>feature/combobox-communication</option>
<option value='feature/dalvik'>feature/dalvik</option>
<option value='feature/databinding'>feature/databinding</option>
<option value='feature/dnd'>feature/dnd</option>
<option value='feature/elements'>feature/elements</option>
<option value='feature/eventbus'>feature/eventbus</option>
<option value='feature/karaf-feature-file'>feature/karaf-feature-file</option>
<option value='feature/nullrepresentation'>feature/nullrepresentation</option>
<option value='feature/standard-gwt'>feature/standard-gwt</option>
<option value='feature/standard-sass'>feature/standard-sass</option>
<option value='feature/vaadin8'>feature/vaadin8</option>
<option value='feature/vaadin8-book'>feature/vaadin8-book</option>
<option value='feature/vaadin8-book-vol2'>feature/vaadin8-book-vol2</option>
<option value='feature/vaadin8-sass-valo-only'>feature/vaadin8-sass-valo-only</option>
<option value='fileToFilesReplacement'>fileToFilesReplacement</option>
<option value='fix11576'>fix11576</option>
<option value='fix_event_router_prototype'>fix_event_router_prototype</option>
<option value='grid'>grid</option>
<option value='grid_dnd_autoscroller'>grid_dnd_autoscroller</option>
<option value='grid_dragger'>grid_dragger</option>
<option value='issue/8307_select_using_collection'>issue/8307_select_using_collection</option>
<option value='master'>master</option>
<option value='mobile_drag_image_offset'>mobile_drag_image_offset</option>
<option value='pr/11306'>pr/11306</option>
<option value='remote-run/flow-atmosphere-test'>remote-run/flow-atmosphere-test</option>
<option value='snapshot/7.5'>snapshot/7.5</option>
<option value='snapshot/7.6'>snapshot/7.6</option>
<option value='tmattsso-patch-1'>tmattsso-patch-1</option>
<option value='update-minor-deps'>update-minor-deps</option>
<option value='vaadin-icons-3.0.1'>vaadin-icons-3.0.1</option>
<option value='wip-date-time-datatype'>wip-date-time-datatype</option>
<option value='wip-java-10-compat'>wip-java-10-compat</option>
</select> <input type='submit' value='switch'/></form></td></tr>
<tr><td class='sub'>Vaadin 6, 7, 8 is a Java framework for modern Java web applications: https://github.com/vaadin/framework</td><td class='sub right'>www-data</td></tr></table>
<table class='tabs'><tr><td>
<a href='/vaadin-framework.git/about/?h=JS-RPC-docs-link-syntax'>about</a><a href='/vaadin-framework.git/?h=JS-RPC-docs-link-syntax'>summary</a><a href='/vaadin-framework.git/refs/?h=JS-RPC-docs-link-syntax&amp;id=12b6a8b42f3327e315e617e015304c4cc9dd4fa8'>refs</a><a href='/vaadin-framework.git/log/?h=JS-RPC-docs-link-syntax'>log</a><a href='/vaadin-framework.git/tree/?h=JS-RPC-docs-link-syntax&amp;id=12b6a8b42f3327e315e617e015304c4cc9dd4fa8'>tree</a><a href='/vaadin-framework.git/commit/?h=JS-RPC-docs-link-syntax&amp;id=12b6a8b42f3327e315e617e015304c4cc9dd4fa8'>commit</a><a class='active' href='/vaadin-framework.git/diff/?h=JS-RPC-docs-link-syntax&amp;id=12b6a8b42f3327e315e617e015304c4cc9dd4fa8'>diff</a><a href='/vaadin-framework.git/stats/?h=JS-RPC-docs-link-syntax'>stats</a></td><td class='form'><form class='right' method='get' action='/vaadin-framework.git/log/'>
<input type='hidden' name='h' value='JS-RPC-docs-link-syntax'/><input type='hidden' name='id' value='12b6a8b42f3327e315e617e015304c4cc9dd4fa8'/><select name='qt'>
<option value='grep'>log msg</option>
<option value='author'>author</option>
<option value='committer'>committer</option>
<option value='range'>range</option>
</select>
<input class='txt' type='search' size='10' name='q' value=''/>
<input type='submit' value='search'/>
</form>
</td></tr></table>
<div class='content'><div class='cgit-panel'><b>diff options</b><form method='get'><input type='hidden' name='h' value='JS-RPC-docs-link-syntax'/><input type='hidden' name='id' value='12b6a8b42f3327e315e617e015304c4cc9dd4fa8'/><table><tr><td colspan='2'/></tr><tr><td class='label'>context:</td><td class='ctrl'><select name='context' onchange='this.form.submit();'><option value='1'>1</option><option value='2'>2</option><option value='3' selected='selected'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='15'>15</option><option value='20'>20</option><option value='25'>25</option><option value='30'>30</option><option value='35'>35</option><option value='40'>40</option></select></td></tr><tr><td class='label'>space:</td><td class='ctrl'><select name='ignorews' onchange='this.form.submit();'><option value='0' selected='selected'>include</option><option value='1'>ignore</option></select></td></tr><tr><td class='label'>mode:</td><td class='ctrl'><select name='dt' onchange='this.form.submit();'><option value='0' selected='selected'>unified</option><option value='1'>ssdiff</option><option value='2'>stat only</option></select></td></tr><tr><td/><td class='ctrl'><noscript><input type='submit' value='reload'/></noscript></td></tr></table></form></div><div class='diffstat-header'><a href='/vaadin-framework.git/diff/?h=JS-RPC-docs-link-syntax&amp;id=12b6a8b42f3327e315e617e015304c4cc9dd4fa8'>Diffstat</a></div><table summary='diffstat' class='diffstat'><tr><td class='mode'>-rw-r--r--</td><td class='add'><a href='/vaadin-framework.git/diff/WebContent/statictestfiles/browserfeatures/WebkitPositionAbsoluteScrollbars.html?h=JS-RPC-docs-link-syntax&amp;id=12b6a8b42f3327e315e617e015304c4cc9dd4fa8'>WebContent/statictestfiles/browserfeatures/WebkitPositionAbsoluteScrollbars.html</a></td><td class='right'>69</td><td class='graph'><table summary='file diffstat' width='69%'><tr><td class='add' style='width: 100.0%;'/><td class='rem' style='width: 0.0%;'/><td class='none' style='width: 0.0%;'/></tr></table></td></tr>
<tr><td class='mode'>-rw-r--r--</td><td class='add'><a href='/vaadin-framework.git/diff/uitest/src/com/vaadin/tests/browserfeatures/WebkitPositionAbsoluteScrollbarsTest.java?h=JS-RPC-docs-link-syntax&amp;id=12b6a8b42f3327e315e617e015304c4cc9dd4fa8'>uitest/src/com/vaadin/tests/browserfeatures/WebkitPositionAbsoluteScrollbarsTest.java</a></td><td class='right'>39</td><td class='graph'><table summary='file diffstat' width='69%'><tr><td class='add' style='width: 56.5%;'/><td class='rem' style='width: 0.0%;'/><td class='none' style='width: 43.5%;'/></tr></table></td></tr>
</table><div class='diffstat-summary'>2 files changed, 108 insertions, 0 deletions</div><table summary='diff' class='diff'><tr><td><div class='head'>diff --git a/WebContent/statictestfiles/browserfeatures/WebkitPositionAbsoluteScrollbars.html b/WebContent/statictestfiles/browserfeatures/WebkitPositionAbsoluteScrollbars.html<br/>new file mode 100644<br/>index 0000000000..7547816006<br/>--- /dev/null<br/>+++ b/<a href='/vaadin-framework.git/tree/WebContent/statictestfiles/browserfeatures/WebkitPositionAbsoluteScrollbars.html?h=JS-RPC-docs-link-syntax&amp;id=12b6a8b42f3327e315e617e015304c4cc9dd4fa8'>WebContent/statictestfiles/browserfeatures/WebkitPositionAbsoluteScrollbars.html</a></div><div class='hunk'>@@ -0,0 +1,69 @@</div><div class='add'>+&lt;!doctype&gt;</div><div class='add'>+&lt;html&gt;&lt;head&gt;</div><div class='add'>+  &lt;style&gt;</div><div class='add'>+  #spacer {</div><div class='add'>+  	width: 100px;</div><div class='add'>+  	height: 100px;</div><div class='add'>+  	background: blue;</div><div class='add'>+  }</div><div class='add'>+  #scrollable {</div><div class='add'>+  	background: white;</div><div class='add'>+	border: 1px solid black;</div><div class='add'>+  	overflow: auto;</div><div class='add'>+  	position: relative;</div><div class='add'>+  	width: 250px;</div><div class='add'>+  }</div><div class='add'>+  #container {</div><div class='add'>+	position:relative;</div><div class='add'>+	display:inline-block;</div><div class='add'>+	width:100%;</div><div class='add'>+	height:130px;</div><div class='add'>+  }</div><div class='add'>+  #margin {</div><div class='add'>+	position: absolute;</div><div class='add'>+    width: 200px; </div><div class='add'>+    top: 12px; </div><div class='add'>+    margin-right: 12px; </div><div class='add'>+    left: 12px; </div><div class='add'>+    height: 110px;</div><div class='add'>+  }</div><div class='add'>+  &lt;/style&gt;</div><div class='add'>+  &lt;/head&gt;</div><div class='add'>+ &lt;body&gt;</div><div class='add'>+ &lt;div&gt;</div><div class='add'>+ Starting point: No horizontal scrollbar&lt;br/&gt;</div><div class='add'>+ Expected: Get back to starting point after clicking through steps (do 1, do  2, cancel 1, cancel 2)&lt;br/&gt;</div><div class='add'>+ Actual: Scrollbars after doing the steps&lt;br/&gt;&lt;br/&gt;</div><div class='add'>+ &lt;/div&gt;</div><div class='add'>+&lt;button id="step1" onclick="step1();"&gt;Step 1 - Enlarge container&lt;/button&gt; </div><div class='add'>+&lt;button id="step2" onclick="step2();"&gt;Step 2 - Move child&lt;/button&gt; </div><div class='add'>+&lt;button id="step3" onclick="step3();"&gt;Step 3 - Reduce container&lt;/button&gt;</div><div class='add'>+&lt;button id="<style>pre { line-height: 125%; }
td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
.highlight .hll { background-color: #ffffcc }
.highlight .c { color: #888888 } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { color: #008800; font-weight: bold } /* Keyword */
.highlight .ch { color: #888888 } /* Comment.Hashbang */
.highlight .cm { color: #888888 } /* Comment.Multiline */
.highlight .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
.highlight .cpf { color: #888888 } /* Comment.PreprocFile */
.highlight .c1 { color: #888888 } /* Comment.Single */
.highlight .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #333333 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #666666 } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { color: #008800; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008800; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008800; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008800 } /* Keyword.Pseudo */
.highlight .kr { color: #008800; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #888888; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #0000DD; font-weight: bold } /* Literal.Number */
.highlight .s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
.highlight .na { color: #336699 } /* Name.Attribute */
.highlight .nb { color: #003388 } /* Name.Builtin */
.highlight .nc { color: #bb0066; font-weight: bold } /* Name.Class */
.highlight .no { color: #003366; font-weight: bold } /* Name.Constant */
.highlight .nd { color: #555555 } /* Name.Decorator */
.highlight .ne { color: #bb0066; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #0066bb; font-weight: bold } /* Name.Function */
.highlight .nl { color: #336699; font-style: italic } /* Name.Label */
.highlight .nn { color: #bb0066; font-weight: bold } /* Name.Namespace */
.highlight .py { color: #336699; font-weight: bold } /* Name.Property */
.highlight .nt { color: #bb0066; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #336699 } /* Name.Variable */
.highlight .ow { color: #008800 } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #0000DD; font-weight: bold } /* Literal.Number.Bin */
.highlight .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
.highlight .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
.highlight .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */
.highlight .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
.highlight .sa { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Affix */
.highlight .sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
.highlight .sc { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Char */
.highlight .dl { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Delimiter */
.highlight .sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
.highlight .s2 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Double */
.highlight .se { color: #0044dd; background-color: #fff0f0 } /* Literal.String.Escape */
.highlight .sh { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Heredoc */
.highlight .si { color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */
.highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */
.highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */
.highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */
.highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */
.highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #0066bb; font-weight: bold } /* Name.Function.Magic */
.highlight .vc { color: #336699 } /* Name.Variable.Class */
.highlight .vg { color: #dd7700 } /* Name.Variable.Global */
.highlight .vi { color: #3333bb } /* Name.Variable.Instance */
.highlight .vm { color: #336699 } /* Name.Variable.Magic */
.highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */</style><div class="highlight"><pre><span></span><span class="cm">/**</span>
<span class="cm"> * </span>
<span class="cm"> */</span>
<span class="kn">package</span><span class="w"> </span><span class="nn">com.vaadin.tests</span><span class="p">;</span>

<span class="kn">import</span><span class="w"> </span><span class="nn">com.vaadin.server.Page</span><span class="p">;</span>
<span class="kn">import</span><span class="w"> </span><span class="nn">com.vaadin.ui.Button</span><span class="p">;</span>
<span class="kn">import</span><span class="w"> </span><span class="nn">com.vaadin.ui.Button.ClickEvent</span><span class="p">;</span>
<span class="kn">import</span><span class="w"> </span><span class="nn">com.vaadin.ui.CustomComponent</span><span class="p">;</span>
<span class="kn">import</span><span class="w"> </span><span class="nn">com.vaadin.ui.GridLayout</span><span class="p">;</span>
<span class="kn">import</span><span class="w"> </span><span class="nn">com.vaadin.ui.Label</span><span class="p">;</span>
<span class="kn">import</span><span class="w"> </span><span class="nn">com.vaadin.ui.Notification</span><span class="p">;</span>
<span class="kn">import</span><span class="w"> </span><span class="nn">com.vaadin.ui.Panel</span><span class="p">;</span>
<span class="kn">import</span><span class="w"> </span><span class="nn">com.vaadin.ui.VerticalLayout</span><span class="p">;</span>

<span class="cm">/**</span>
<span class="cm"> * @author marc</span>
<span class="cm"> * </span>
<span class="cm"> */</span>
<span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">TestComponentAddAndRecursion</span><span class="w"> </span><span class="kd">extends</span><span class="w"> </span><span class="n">CustomComponent</span><span class="w"> </span><span class="p">{</span>
<span class="w">    </span><span class="n">Panel</span><span class="w"> </span><span class="n">p</span><span class="p">;</span>
<span class="w">    </span><span class="n">VerticalLayout</span><span class="w"> </span><span class="n">pl</span><span class="p">;</span>
<span class="w">    </span><span class="n">Panel</span><span class="w"> </span><span class="n">p2</span><span class="p">;</span>
<span class="w">    </span><span class="n">VerticalLayout</span><span class="w"> </span><span class="n">p2l</span><span class="p">;</span>
<span class="w">    </span><span class="n">Label</span><span class="w"> </span><span class="n">l</span><span class="p">;</span>
<span class="w">    </span><span class="n">Label</span><span class="w"> </span><span class="n">l2</span><span class="p">;</span>
<span class="w">    </span><span class="n">Panel</span><span class="w"> </span><span class="n">p3</span><span class="p">;</span>
<span class="w">    </span><span class="n">VerticalLayout</span><span class="w"> </span><span class="n">p3l</span><span class="p">;</span>

<span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="nf">TestComponentAddAndRecursion</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>

<span class="w">        </span><span class="n">VerticalLayout</span><span class="w"> </span><span class="n">main</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">VerticalLayout</span><span class="p">();</span>
<span class="w">        </span><span class="n">setCompositionRoot</span><span class="p">(</span><span class="n">main</span><span class="p">);</span>

<span class="w">        </span><span class="n">l</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Label</span><span class="p">(</span><span class="s">&quot;A&quot;</span><span class="p">);</span>
<span class="w">        </span><span class="n">l2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Label</span><span class="p">(</span><span class="s">&quot;B&quot;</span><span class="p">);</span>
<span class="w">        </span><span class="n">pl</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">VerticalLayout</span><span class="p">();</span>
<span class="w">        </span><span class="n">pl</span><span class="p">.</span><span class="na">setMargin</span><span class="p">(</span><span class="kc">true</span><span class="p">);</span>
<span class="w">        </span><span class="n">p</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Panel</span><span class="p">(</span><span class="s">&quot;p&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">pl</span><span class="p">);</span>
<span class="w">        </span><span class="n">pl</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">l</span><span class="p">);</span>
<span class="w">        </span><span class="n">pl</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">l2</span><span class="p">);</span>
<span class="w">        </span><span class="n">main</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">p</span><span class="p">);</span>
<span class="w">        </span><span class="n">p2l</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">VerticalLayout</span><span class="p">();</span>
<span class="w">        </span><span class="n">p2l</span><span class="p">.</span><span class="na">setMargin</span><span class="p">(</span><span class="kc">true</span><span class="p">);</span>
<span class="w">        </span><span class="n">p2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Panel</span><span class="p">(</span><span class="s">&quot;p2&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">p2l</span><span class="p">);</span>
<span class="w">        </span><span class="n">p2l</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">l</span><span class="p">);</span>
<span class="w">        </span><span class="n">main</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">p2</span><span class="p">);</span>
<span class="w">        </span><span class="n">p3l</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">VerticalLayout</span><span class="p">();</span>
<span class="w">        </span><span class="n">p3l</span><span class="p">.</span><span class="na">setMargin</span><span class="p">(</span><span class="kc">true</span><span class="p">);</span>
<span class="w">        </span><span class="n">p3</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Panel</span><span class="p">(</span><span class="s">&quot;p3&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">p3l</span><span class="p">);</span>
<span class="w">        </span><span class="n">p2l</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">p3</span><span class="p">);</span>

<span class="w">        </span><span class="n">Button</span><span class="w"> </span><span class="n">b</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">(</span><span class="s">&quot;use gridlayout&quot;</span><span class="p">,</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">.</span><span class="na">ClickListener</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>

<span class="w">            </span><span class="nd">@Override</span>
<span class="w">            </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">buttonClick</span><span class="p">(</span><span class="n">ClickEvent</span><span class="w"> </span><span class="n">event</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w">                </span><span class="n">p</span><span class="p">.</span><span class="na">setContent</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">GridLayout</span><span class="p">());</span>
<span class="w">                </span><span class="n">p2</span><span class="p">.</span><span class="na">setContent</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">GridLayout</span><span class="p">());</span>
<span class="w">                </span><span class="n">p3</span><span class="p">.</span><span class="na">setContent</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">GridLayout</span><span class="p">());</span>
<span class="w">            </span><span class="p">}</span>

<span class="w">        </span><span class="p">});</span>
<span class="w">        </span><span class="n">main</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">b</span><span class="p">);</span>
<span class="w">        </span><span class="n">b</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">(</span><span class="s">&quot;use orderedlayout&quot;</span><span class="p">,</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">.</span><span class="na">ClickListener</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>

<span class="w">            </span><span class="nd">@Override</span>
<span class="w">            </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">buttonClick</span><span class="p">(</span><span class="n">ClickEvent</span><span class="w"> </span><span class="n">event</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w">                </span><span class="n">p</span><span class="p">.</span><span class="na">setContent</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">VerticalLayout</span><span class="p">());</span>
<span class="w">                </span><span class="n">p2</span><span class="p">.</span><span class="na">setContent</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">VerticalLayout</span><span class="p">());</span>
<span class="w">                </span><span class="n">p3</span><span class="p">.</span><span class="na">setContent</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">VerticalLayout</span><span class="p">());</span>
<span class="w">            </span><span class="p">}</span>

<span class="w">        </span><span class="p">});</span>
<span class="w">        </span><span class="n">main</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">b</span><span class="p">);</span>
<span class="w">        </span><span class="n">b</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">(</span><span class="s">&quot;move B&quot;</span><span class="p">,</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">.</span><span class="na">ClickListener</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>

<span class="w">            </span><span class="nd">@Override</span>
<span class="w">            </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">buttonClick</span><span class="p">(</span><span class="n">ClickEvent</span><span class="w"> </span><span class="n">event</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w">                </span><span class="n">p2l</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">l2</span><span class="p">);</span>
<span class="w">            </span><span class="p">}</span>

<span class="w">        </span><span class="p">});</span>
<span class="w">        </span><span class="n">main</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">b</span><span class="p">);</span>
<span class="w">        </span><span class="n">b</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">(</span><span class="s">&quot;move p&quot;</span><span class="p">,</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">.</span><span class="na">ClickListener</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>

<span class="w">            </span><span class="nd">@Override</span>
<span class="w">            </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">buttonClick</span><span class="p">(</span><span class="n">ClickEvent</span><span class="w"> </span><span class="n">event</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w">                </span><span class="n">p3l</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">p</span><span class="p">);</span>
<span class="w">            </span><span class="p">}</span>

<span class="w">        </span><span class="p">});</span>
<span class="w">        </span><span class="n">main</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">b</span><span class="p">);</span>
<span class="w">        </span><span class="n">b</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">(</span><span class="s">&quot;add to both&quot;</span><span class="p">,</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">.</span><span class="na">ClickListener</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>

<span class="w">            </span><span class="nd">@Override</span>
<span class="w">            </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">buttonClick</span><span class="p">(</span><span class="n">ClickEvent</span><span class="w"> </span><span class="n">event</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w">                </span><span class="n">Label</span><span class="w"> </span><span class="n">l</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Label</span><span class="p">(</span><span class="s">&quot;both&quot;</span><span class="p">);</span>
<span class="w">                </span><span class="n">pl</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">l</span><span class="p">);</span>
<span class="w">                </span><span class="n">p2l</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">l</span><span class="p">);</span>
<span class="w">            </span><span class="p">}</span>

<span class="w">        </span><span class="p">});</span>
<span class="w">        </span><span class="n">main</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">b</span><span class="p">);</span>
<span class="w">        </span><span class="n">b</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">(</span><span class="s">&quot;recurse&quot;</span><span class="p">,</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">.</span><span class="na">ClickListener</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>

<span class="w">            </span><span class="nd">@Override</span>
<span class="w">            </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">buttonClick</span><span class="p">(</span><span class="n">ClickEvent</span><span class="w"> </span><span class="n">event</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w">                </span><span class="k">try</span><span class="w"> </span><span class="p">{</span>
<span class="w">                    </span><span class="n">p3l</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">p2</span><span class="p">);</span>
<span class="w">                    </span><span class="k">new</span><span class="w"> </span><span class="n">Notification</span><span class="p">(</span><span class="s">&quot;ERROR&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;This should have failed&quot;</span><span class="p">,</span>
<span class="w">                            </span><span class="n">Notification</span><span class="p">.</span><span class="na">TYPE_ERROR_MESSAGE</span><span class="p">).</span><span class="na">show</span><span class="p">(</span><span class="n">Page</span>
<span class="w">                            </span><span class="p">.</span><span class="na">getCurrent</span><span class="p">());</span>
<span class="w">                </span><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">Exception</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w">                    </span><span class="k">new</span><span class="w"> </span><span class="n">Notification</span><span class="p">(</span><span class="s">&quot;OK&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;threw, as expected&quot;</span><span class="p">,</span>
<span class="w">                            </span><span class="n">Notification</span><span class="p">.</span><span class="na">TYPE_ERROR_MESSAGE</span><span class="p">).</span><span class="na">show</span><span class="p">(</span><span class="n">Page</span>
<span class="w">                            </span><span class="p">.</span><span class="na">getCurrent</span><span class="p">());</span>
<span class="w">                </span><span class="p">}</span>
<span class="w">            </span><span class="p">}</span>

<span class="w">        </span><span class="p">});</span>
<span class="w">        </span><span class="n">main</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">b</span><span class="p">);</span>
<span class="w">        </span><span class="n">b</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">(</span><span class="s">&quot;recurse2&quot;</span><span class="p">,</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Button</span><span class="p">.</span><span class="na">ClickListener</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>

<span class="w">            </span><span class="nd">@Override</span>
<span class="w">            </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">buttonClick</span><span class="p">(</span><span class="n">ClickEvent</span><span class="w"> </span><span class="n">event</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w">                </span><span class="n">VerticalLayout</span><span class="w"> </span><span class="n">layout</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">VerticalLayout</span><span class="p">();</span>
<span class="w">                </span><span class="n">Panel</span><span class="w"> </span><span class="n">p</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Panel</span><span class="p">(</span><span class="s">&quot;dynamic&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">layout</span><span class="p">);</span>
<span class="w">                </span><span class="n">layout</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">p2</span><span class="p">);</span>
<span class="w">                </span><span class="k">try</span><span class="w"> </span><span class="p">{</span>
<span class="w">                    </span><span class="n">p3l</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">p</span><span class="p">);</span>
<span class="w">                    </span><span class="k">new</span><span class="w"> </span><span class="n">Notification</span><span class="p">(</span><span class="s">&quot;ERROR&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;This should have failed&quot;</span><span class="p">,</span>
<span class="w">                            </span><span class="n">Notification</span><span class="p">.</span><span class="na">TYPE_ERROR_MESSAGE</span><span class="p">).</span><span class="na">show</span><span class="p">(</span><span class="n">Page</span>
<span class="w">                            </span><span class="p">.</span><span class="na">getCurrent</span><span class="p">());</span>
<span class="w">                </span><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">Exception</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w">                    </span><span class="k">new</span><span class="w"> </span><span class="n">Notification</span><span class="p">(</span><span class="s">&quot;OK&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;threw, as expected&quot;</span><span class="p">,</span>
<span class="w">                            </span><span class="n">Notification</span><span class="p">.</span><span class="na">TYPE_ERROR_MESSAGE</span><span class="p">).</span><span class="na">show</span><span class="p">(</span><span class="n">Page</span>
<span class="w">                            </span><span class="p">.</span><span class="na">getCurrent</span><span class="p">());</span>
<span class="w">                </span><span class="p">}</span>
<span class="w">            </span><span class="p">}</span>

<span class="w">        </span><span class="p">});</span>
<span class="w">        </span><span class="n">main</span><span class="p">.</span><span class="na">addComponent</span><span class="p">(</span><span class="n">b</span><span class="p">);</span>
<span class="w">        </span><span class="cm">/*</span>
<span class="cm">         * And that&#39;s it! The framework will display the main window and its</span>
<span class="cm">         * contents when the application is accessed with the terminal.</span>
<span class="cm">         */</span>
<span class="w">    </span><span class="p">}</span>
<span class="p">}</span>
</pre></div>
</code></pre></td></tr></table>
</div> <!-- class=content -->
<div class='footer'>generated by <a href='https://git.zx2c4.com/cgit/about/'>cgit v1.2.3</a> (<a href='https://git-scm.com/'>git 2.39.1</a>) at 2025-07-23 19:41:37 +0000</div>
</div> <!-- id=cgit -->
</body>
</html>
