0

datebox component CSS

asked 2008-11-12 15:02:20 +0800

ibsolution gravatar image ibsolution
468 1 1 6

hai,

can i change size of datebox component ? because the image and inputbox is to small when using a touchscreen.

TIA,
Andy Susanto

delete flag offensive retag edit

5 Replies

Sort by ยป oldest newest

answered 2008-11-13 03:19:11 +0800

windperson gravatar image windperson
415 1

Hi ibsolution:
here's the datebox style guide:
http://www.zkoss.org/doc/styleguide/ch01s11.html

link publish delete flag offensive edit

answered 2008-11-13 03:49:46 +0800

flyworld gravatar image flyworld
155 3

you can use
input box

.z-datebox-inp{
width:100px;
height:80px;
}

the image,
although it works fine but you can have modify the image to fit your new size
.z-datebox .z-datebox-img {
width:40px;
height:40px;
}

link publish delete flag offensive edit

answered 2008-11-13 08:25:37 +0800

ibsolution gravatar image ibsolution
468 1 1 6

hai,

for datebox button i still cannot change size of image.

this my css style

.dateboxinp{width:80px;height:15px;}
span.rbtnbk {width:40px;height:40px;}

PS: zk 3.0.8

Tia,

Andy Susanto

link publish delete flag offensive edit

answered 2008-11-14 00:32:16 +0800

RyanWu gravatar image RyanWu
533 2
about.me/flyworld

well...it should work, i tried them like following, if not, maybe you provide some code ?

<style>
   .dateboxinp{width:80px;height:30px;} 
   span.rbtnbk {width:40px;height:40px;} 
</style>
<datebox id="db"/>

link publish delete flag offensive edit

answered 2008-11-16 14:20:16 +0800

ibsolution gravatar image ibsolution
468 1 1 6

hai,

do see calendar image growing ?, because i just see only a background calendar(blue color)

you can see my url http://i216.photobucket.com/albums/cc178/ibsolution/calendarimage.jpg

TIA,

Andy Susanto

link publish delete flag offensive edit

answered 2008-11-17 00:06:08 +0800

RyanWu gravatar image RyanWu
533 2
about.me/flyworld

if you want the image bigger, you can set width to it

<window title="textbox with constraints" border="normal">
<style>
   .dateboxinp{width:80px;height:30px;} 
   span.rbtnbk {width:35px;height:40px;} 
   span.rbtnbk img{width:30px;height:30px;margin-top:0!important;}
</style>
<datebox id="db"/>
</window>

remember that the image's resolution still the same.

link publish delete flag offensive edit
Your reply
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

RSS

Stats

Asked: 2008-11-12 15:02:20 +0800

Seen: 329 times

Last updated: Nov 17 '08

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