Line it up: hbox, vbox"
From Documentation
Maya001122 (talk | contribs) m (Created page with '{{ZKDevelopersGuidePageHeader}} You can neatly line up components using <tt>hbox</tt> and <tt>vbox</tt>. The <tt>hbox</tt> component is used to create a horizontally oriented bo…') |
m (correct highlight (via JWB)) |
||
Line 1: | Line 1: | ||
{{ZKDevelopersGuidePageHeader}} | {{ZKDevelopersGuidePageHeader}} | ||
− | You can neatly line up components using < | + | You can neatly line up components using <code>hbox</code> and <code>vbox</code>. The <code>hbox</code> component is used to create a horizontally oriented box. Each component placed in the <code>hbox</code> will be placed horizontally in a row. On the other hand, the <code>vbox</code> component is used to create a vertically oriented box. Added components will be placed underneath each other in a column. |
For example, | For example, |
Latest revision as of 10:41, 19 January 2022
This documentation is for an older version of ZK. For the latest one, please click here.
You can neatly line up components using hbox
and vbox
. The hbox
component is used to create a horizontally oriented box. Each component placed in the hbox
will be placed horizontally in a row. On the other hand, the vbox
component is used to create a vertically oriented box. Added components will be placed underneath each other in a column.
For example,
<vbox>
<button label="Button 1" />
<button label="Button 2" />
<hbox>
<button label="Button 3" />
<button label="Button 4" />
</hbox>
</vbox>