Line it up: hbox, vbox"

From Documentation
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 <tt>hbox</tt> and <tt>vbox</tt>. The <tt>hbox</tt> component is used to create a horizontally oriented box. Each component placed in the <tt>hbox</tt> will be placed horizontally in a row. On the other hand, the <tt>vbox</tt> component is used to create a vertically oriented box. Added components will be placed underneath each other in a column.
+
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

Line it up: hbox, vbox


Stop.png 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>



Last Update : 2022/01/19

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.