Lineitem"

From Documentation
m ((via JWB))
 
(6 intermediate revisions by 3 users not shown)
Line 7: Line 7:
  
 
  {{ZK EE}}
 
  {{ZK EE}}
[Since 9.0.0]
+
{{versionSince| 9.0.0}}
  
 
= Employment/Purpose =
 
= Employment/Purpose =
Line 14: Line 14:
  
 
= Properties =
 
= Properties =
Note: Lineitem does not support inline style, but you can still set height/width and vflex/hflex.
+
Note: Lineitem does not support inline style, but you can still set height/width and vflex/hflex to customize spacing.
 
== PointVisible ==
 
== PointVisible ==
Whether the point is visible, the default value is true. This property only effect the point.
+
Sets whether the point is visible, the default value is true. This property only affects the point.
  
 
== PointStyle ==
 
== PointStyle ==
Line 31: Line 31:
  
 
== Opposite ==
 
== Opposite ==
Whether the first child is displayed in the first area(left/top). The default value is false.
+
Set whether the first child is displayed in the first area(left when it is vertical / top when it is horizontal). The default value is false.
Once the first child is displayed in the first or last area, the second child will be displayed in another area.
+
Once the first child is displayed in the first or last area, the second child will be displayed in the other area.
 +
 
 +
[[File:Lineitem-opposite.png]]
 +
<source lang="xml" >
 +
<zk>
 +
<linelayout height="400px">
 +
<lineitem>
 +
<label>hello!</label>
 +
<button label="ZK!"></button>
 +
</lineitem>
 +
<lineitem opposite="true">
 +
<label>hello!</label>
 +
<button label="ZK!"></button>
 +
</lineitem>
 +
</linelayout>
 +
</zk>
 +
</source>
  
 
== FrontSpace ==
 
== FrontSpace ==
The spacing with the previous lineitem. (such as "5px" or "5em"). If null or empty (""), the default spacing is used (i.e., controlled by CSS alone).
+
Sets additional spacing from the previous lineitem. (such as "5px" or "5em"). If null or empty (""), the default spacing is used (i.e., controlled by CSS alone).
  
 
== BackSpace ==
 
== BackSpace ==
The spacing with the next lineitem. (such as "5px" or "5em"). If null or empty (""), the default spacing is used (i.e., controlled by CSS alone).
+
Sets additional spacing to the next lineitem. (such as "5px" or "5em"). If null or empty (""), the default spacing is used (i.e., controlled by CSS alone).
  
 
=Supported Children=
 
=Supported Children=
Line 47: Line 63:
 
{{LastUpdated}}
 
{{LastUpdated}}
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-

Latest revision as of 07:50, 14 January 2022

Lineitem

  • Available for ZK:
  • http://www.zkoss.org/product/zkhttp://www.zkoss.org/whyzk/zkeeVersion ee.png

Since 9.0.0

Employment/Purpose

Lineitem is the child of Linelayout, it can contain up to 2 components inside. The content of Lineitem will be placed separately in different area of linelayout.

Properties

Note: Lineitem does not support inline style, but you can still set height/width and vflex/hflex to customize spacing.

PointVisible

Sets whether the point is visible, the default value is true. This property only affects the point.

PointStyle

The CSS inline style for the point.

PointImageSrc

The source URI of the point background image.

PointImageContent

The point background Image content.

PointIconSclass

Specify the sclass name of the point icon.

Opposite

Set whether the first child is displayed in the first area(left when it is vertical / top when it is horizontal). The default value is false. Once the first child is displayed in the first or last area, the second child will be displayed in the other area.

Lineitem-opposite.png

 
<zk>
	<linelayout height="400px">
		<lineitem>
			<label>hello!</label>
			<button label="ZK!"></button>
		</lineitem>
		<lineitem opposite="true">
			<label>hello!</label>
			<button label="ZK!"></button>
		</lineitem>
	</linelayout>
</zk>

FrontSpace

Sets additional spacing from the previous lineitem. (such as "5px" or "5em"). If null or empty (""), the default spacing is used (i.e., controlled by CSS alone).

BackSpace

Sets additional spacing to the next lineitem. (such as "5px" or "5em"). If null or empty (""), the default spacing is used (i.e., controlled by CSS alone).

Supported Children

* ALL

Version History

Last Update : 2022/01/14


Version Date Content
9.0.0 Nov 2019 ZK-4377: Provide a Linelayout component



Last Update : 2022/01/14

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