By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,077 Members | 1,237 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,077 IT Pros & Developers. It's quick & easy.

Scroll bar in Grid View

P: n/a
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
Share this Question
Share on Google+
2 Replies


P: n/a
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

P: n/a
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.