-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hello community,
i am a beginner and i just wrote my first web application with zk.
No i have a problem and i can't find a solution for it.
I have a lot of zul file like this:
<?page id="123" title="123" cacheable="false" language="xul/html" zscriptLanguage="Java" contentType="text/html;charset=UTF-8"?>
<?link rel="stylesheet" type="text/css" href="app.css"?>
<zk xmlns="http://www.zkoss.org/2005/zul" xmlns:html="http://www.w3.org/1999/xhtml">
<div>
<image src="images/icon/gift-box.png" width="30px"></image>
<label value="Beta" style="color:red;"></label>
<toolbarbutton image="images/icon/documentinfo.png" label="Impressum" href="impressum.zul"></toolbarbutton>
<toolbarbutton image="images/icon/agt_login.png" label="Zur Startseite" href="index.zul"></toolbarbutton>
<div>
<label style="font-weight:bold;">blablabla....LONG TEXT....BLABLA</label>
</div>
</div>
</zk>
This pages works fine on a desktop/laptop device. I can scroll the page content an all works fine.
When i open the page on an iOS Device (iPhone 4/iPad 2) then i can't scroll the page content and i can't zoom in or out....
Has someone the same problems like me or has someone a solution for that?
(I tried it with different zk Versions => 6.0.1, 6.0.2 and 6.1.0)
Thank's a lot!
If your window height is large enough, you will be able to "scroll down" using your finger, you don't get a scrollbar in the traditional sense.
On the ipad, the size of your page in the browser will determine if you can slide the window down. Go to any news site in safari on the Ipad for an example of this.
You can try this example as well - it's a giant list and I set the page height to 2000px :
<zk xmlns:h="http://www.w3.org/1999/xhtml" xmlns:zk="http://www.zkoss.org/2005/zk"> <window border="normal" height="2000px" width="100%"> <zscript> ListModel strset = new org.zkoss.zksandbox.grid.FakeListModel(20000); </zscript> <listbox id="list" width="100%" rows="500" model="${strset}"> <listhead> <listheader label="Load on Demend" sort="auto"></listheader> </listhead> </listbox> </window> </zk>
Asked: 2012-07-12 23:26:36 +0800
Seen: 207 times
Last updated: Jul 18 '12