Latest revision as of 13:52, 21 December 2017

Property:

org.zkoss.zul.tablet.meta.viewport.disabled

Applicable:
 globally in zk.xml via <library-property>
 not as <custom-attribute>

Default: false
[Since 6.5.0]

Specifies whether to generate a meta viewport tag or not for tablet devices. It is enabled by default.

By default, ZK generates the following meta viewport tag for tablet devices: ^[1]

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

If you set this library property to true, ZK will not generate the meta above.

If you prefer to configure a particular viewport of specific page, you could specify it as follows.

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

Note: Enable user-scalable might have some potential issues like scrolling, unnecessary events.

Version History

Last Update : 2017/12/21

Version	Date	Content
6.5.0	September 2012	Viewport should enabled on tablet device.

Last Update : 2017/12/21

@@ Line 8: / Line 8: @@
   [Since 6.5.0]
-Specifies whether to disable the viewport content or not on tablet device. It is enabled by default.
+Specifies whether to generate a meta viewport tag or not for tablet devices. It is enabled by default.
-By default, ZK will generate the following viewport content on tablet device:
+By default, ZK generates the following meta viewport tag for tablet devices:
+<ref>https://developers.google.com/web/fundamentals/design-and-ux/responsive/</ref>
 <source lang="html">
-<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >
+<meta name="viewport"
+content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >
 </source>
-If you set this library property to true, the above viewport content will be discard.
+If you set this library property to true, ZK will not generate the meta above.
@@ Line 22: / Line 24: @@
 </source>
+Note: Enable user-scalable might have some potential issues like scrolling, unnecessary events.
+<references/>
 = Version History =
 {{LastUpdated}}