Viewport"

From Documentation
 
Line 1: Line 1:
 
{{ZKComponentReferencePageHeader}}
 
{{ZKComponentReferencePageHeader}}
  
 +
{{versionSince| 6.5.0}}
 
= Viewport Content =
 
= Viewport Content =
 
The default viewport content generated in ZK when using tablet device is:
 
The default viewport content generated in ZK when using tablet device is:
Line 8: Line 9:
  
 
= Customize =
 
= Customize =
User can specify viewport setting by library properties or XML processing instruction.
+
Users can specify viewport settings by library properties or XML processing instructions.
  
 
== Library Properties ==
 
== Library Properties ==
 
{{versionSince| 6.5.0}}
 
{{versionSince| 6.5.0}}
The default value of [[ZK_Configuration_Reference/zk.xml/The_Library_Properties/org.zkoss.zul.tablet.meta.viewport.disabled|org.zkoss.zul.tablet.meta.viewport.disabled]] property is <code>false</code>. If it is set to <code>true</code>, ZK won't render viewport content for all pages. Thus, user can specify viewport on each ZUL page by [[ZUML_Reference/ZUML/Processing_Instructions/meta|meta instruction]].
+
The default value of [[ZK_Configuration_Reference/zk.xml/The_Library_Properties/org.zkoss.zul.tablet.meta.viewport.disabled|org.zkoss.zul.tablet.meta.viewport.disabled]] property is <code>false</code>. If it is set to <code>true</code>, ZK won't render viewport content for all pages. Thus, users can specify the viewport on each ZUL page by [[ZUML_Reference/ZUML/Processing_Instructions/meta|meta instruction]].
  
 
== XML processing instruction ==
 
== XML processing instruction ==
since 6.5.0
+
Users can keep the default setting and assign custom viewport on specific pages by overwriting viewport content in [[ZUML_Reference/ZUML/Processing_Instructions/page|page instruction]] as follows:
User can keep the default setting and assign custom viewport on specific pages by overwriting viewport content in [[ZUML_Reference/ZUML/Processing_Instructions/page|page instruction]] as follows:
 
 
<source lang="xml">
 
<source lang="xml">
 
<?page viewport="width=device-width, initial-scale=1.0"?>
 
<?page viewport="width=device-width, initial-scale=1.0"?>
 
</source>
 
</source>
  
=Version History=
+
 
{{LastUpdated}}
 
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
|-
 
| 6.5.0
 
| September, 2012
 
| new added configuration
 
|}
 
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Latest revision as of 08:21, 24 October 2023

Since 6.5.0

Viewport Content

The default viewport content generated in ZK when using tablet device is:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Customize

Users can specify viewport settings by library properties or XML processing instructions.

Library Properties

Since 6.5.0 The default value of org.zkoss.zul.tablet.meta.viewport.disabled property is false. If it is set to true, ZK won't render viewport content for all pages. Thus, users can specify the viewport on each ZUL page by meta instruction.

XML processing instruction

Users can keep the default setting and assign custom viewport on specific pages by overwriting viewport content in page instruction as follows:

<?page viewport="width=device-width, initial-scale=1.0"?>




Last Update : 2023/10/24

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