0

Display on resolution 1024x768

asked 2016-02-25 03:24:06 +0800

onsir gravatar image onsir
132 2

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.

delete flag offensive retag edit

Comments

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

1 Answer

Sort by ยป oldest newest most voted
0

answered 2016-02-25 08:46:39 +0800

Darksu gravatar image Darksu
1991 1 4

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

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow
1 follower

RSS

Stats

Asked: 2016-02-25 03:24:06 +0800

Seen: 16 times

Last updated: Feb 25 '16

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More