How to code zul form for iphone.

dearest555

1 Feb 2012 08:41:52 GMT

How to code zul form for iphone.

I create zul file for web but I would like to set zul file fit to iphone screen.

hawk

1 Feb 2012 09:49:21 GMT

Hi,
I think you might have to setup ZK component by CSS by yourself.

dearest555

2 Feb 2012 07:18:28 GMT

Thank you hawk but use

<meta name="viewport" content="width=320">

but it still show full size screen but what css code should it be?

hawk

3 Feb 2012 01:10:41 GMT

Hi,

I try to test the following page with android phone, and I find it fits the phone's screen.

screen.jsp that includes a zul

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
 -->
<meta name="viewport" content="width=320"> 
<title>Insert title here</title>
</head>
<body>
<jsp:include page="window.zul" ></jsp:include>
</body>
</html>

dearest555

6 Feb 2012 02:15:01 GMT

I have to create jsp and put the source code above into it .Can I use it in zul file ?

hawk

6 Feb 2012 04:24:23 GMT

Hi,
yes, use html component.

<zk>
	 <html><![CDATA[
         <head>
         <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
         </head>
     ]]></html>

</zk>

ZK - Open Source Ajax Java Framework

How to code zul form for iphone.