471,595 Members | 1,542 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,595 software developers and data experts.

Scroll bar in Grid View

Hi,
I have placed a grid view inside Atlas panel. On click of a button event,
data is populated in the grid view, I want to add scroll bar instead of
increasing the size of grid view.
I have written the following code.

<div id="Layer1" style="width:350px; height:140px; z-index:1;overflow-y:
scroll">

But the problem was scroll bar will be there if there no data aviabale in
the grid .

Hence I have make a condition (checking the row count in the grid ) and put
the code in side that.

Can any one give a better solution for this
Nov 2 '06 #1
2 3718
Use "overflow-y:auto" or simply "overflow:auto" instead.
"Umeshnath" <Um*******@discussions.microsoft.comwrote in message
news:80**********************************@microsof t.com...
Hi,
I have placed a grid view inside Atlas panel. On click of a button event,
data is populated in the grid view, I want to add scroll bar instead of
increasing the size of grid view.
I have written the following code.

<div id="Layer1" style="width:350px; height:140px; z-index:1;overflow-y:
scroll">

But the problem was scroll bar will be there if there no data aviabale in
the grid .

Hence I have make a condition (checking the row count in the grid ) and
put
the code in side that.

Can any one give a better solution for this


Nov 2 '06 #2
Hi,
Thanks for your help.
But I need to optimize little bit this also.
The below code will work but it will reserve space for the grid view.
I have two data grid, one is completed task and other is for hydrated
..Suppose right now I don’t have single item in the hydrated list and I have
few items in the completed list (assume first one is hydrated grid and second
one is completed). In this case it is reserving space (normal height of grid)
for the first grid even though no data in the grid. It looks odd. If no data
is there in the first grid and second has data, second grid has to come top.
(This will work normal scenario, if we are not using div)

Also let me know any other better code. Rather than using div tag

Can any one help for this?

"Reid" wrote:
Use "overflow-y:auto" or simply "overflow:auto" instead.
"Umeshnath" <Um*******@discussions.microsoft.comwrote in message
news:80**********************************@microsof t.com...
Hi,
I have placed a grid view inside Atlas panel. On click of a button event,
data is populated in the grid view, I want to add scroll bar instead of
increasing the size of grid view.
I have written the following code.

<div id="Layer1" style="width:350px; height:140px; z-index:1;overflow-y:
scroll">

But the problem was scroll bar will be there if there no data aviabale in
the grid .

Hence I have make a condition (checking the row count in the grid ) and
put
the code in side that.

Can any one give a better solution for this


Nov 3 '06 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by Boaz Ben-Porat | last post: by
4 posts views Thread by sumit | last post: by
3 posts views Thread by rmunson8 | last post: by
3 posts views Thread by EdB | last post: by
reply views Thread by XIAOLAOHU | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.