0

Grid/Listbox head with scrolling

asked 2008-08-26 13:29:06 +0800

dastultz gravatar image dastultz
797 8

Hi,

When I have a Grid or Listbox that is scrollable, the upper right corner looks funky. The auxhead and columns/listhead don't go all the way across - they stop 15px short (at edge of scroll bar), while the footer does go all the way across. I think it would look much better if the auxhead and columns/listbox went all the way across. The funkyness of the upper right is especially obvious if the Grid/Listbox has no border and a white background. It doesn't seem there is a way to fix this in CSS. What are my options for fixing this?

Thanks.

/Daryl

delete flag offensive retag edit

2 Replies

Sort by ยป oldest newest

answered 2008-08-29 06:12:19 +0800

henrichen gravatar image henrichen
3869 2
ZK Team

Please post to feature request. Thanks.

link publish delete flag offensive edit

answered 2008-09-02 12:45:08 +0800

dastultz gravatar image dastultz
797 8

I posted this as issue 2082939
https://sourceforge.net/tracker/?func=detail&atid=785191&aid=2082939&group_id=152762

but Jumper deleted it. I'm posting again here to drum up support for a change. Below is example zul code. The red area highlights the problem. When the scroll bars come alive, the column widths are reduced. I'm thinking the head div needs to stay the full width. All columns could be scaled down except the last one which would continue across the top of the scroll bar. Obviously the columns in the faker row of the body would stay as they are.

Please vote for this change. Thanks.
/Daryl

<window>
<style>
div.listbox, div.tree, div.grid {
background-color: Red;
}
.foot-cell-inner {
background-color: Green;
}
</style>
<grid width="400px" height="200px">
<auxhead>
<auxheader colspan="2">Header</auxheader>
</auxhead>
<columns>
<column label="Column 1" />
<column label="Column 2" />
</columns>
<rows>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
<row>
<label value="Something" />
<label value="Something Else" />
</row>
</rows>
<foot>
<footer span="2">
Footer
</footer>
</foot>
</grid>
<listbox width="400px" height="200px">
<auxhead>
<auxheader colspan="2">Header</auxheader>
</auxhead>
<listhead>
<listheader label="Column 1" />
<listheader label="Column 2" />
</listhead>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listitem>
<listcell>
<label value="Something" />
</listcell>
<listcell>
<label value="Something Else" />
</listcell>
</listitem>
<listfoot>
<listfooter span="2">
Footer
</listfooter>
</listfoot>
</listbox>
</window>

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-08-26 13:29:06 +0800

Seen: 327 times

Last updated: Sep 02 '08

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