-
FEATURED COMPONENTS
First time here? Check out the FAQ!
hello all,
i have design in notebook with resolution 1366 X 768, and all component showed is ok.
but when i access in computer client with resolution 1024x768, is component not all shown for horizontal design (or not fine shown).
my code like this,
<?xml version="1.0" encoding="UTF-8"?>
<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit" root="./win1" ?>
<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>
<?meta name="value" ?>
<zk xmlns="http://www.zkoss.org/2005/zul"
xmlns:h="http://www.w3.org/1999/xhtml"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.zkoss.org/2005/zul
http://www.zkoss.org/2005/zul/zul.xsd">
<?meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-
scale=1.0, maximum-scale=1.5, user-scalable=yes" ?>
<style>
<!--for height row in grid -->
.MyGridRowHeight
tr.z-row td.z-row-inner div.z-row-content{
border:1px solid white;
border-right:1px solid transparent;
padding:0px;
margin:0px;
}
</style>
<window id="win1" width="1100px" border="normal" sizable="true" >
<! -- this i design with many component -->
</window>
</zk>
and in zk.xml i add
<library-property>
<name>org.zkoss.zul.tablet.meta.viewport.disabled</name>
<value>true</value>
</library-property>
how to i fix it ? i used zk 7.0.2 CE.
thanks.
Hello onsir,
Please take a look at ZK Responsive Design.
http://books.zkoss.org/wiki/SmallTalks/2012/November/HowtoApplyResponsive_Design
It will give you some nice pointers on how to build a application for multiple screens resolutions.
Best Regards,
Darksu
Asked: 2016-02-25 03:24:06 +0800
Seen: 17 times
Last updated: Feb 25 '16
can't you use vflex and hflex in stead of width and height? Try removing width and add hflex="1" or hflex="min"
chillworld ( 2016-02-25 07:37:01 +0800 )edit