I have a datalist and I want the datalist to grow from no records to fill
the
screen, but not go beyond the screen height. How do I do that?
I've implemented the scroll bars but it works only for the fixed height. I
want
the datalist to grow and shrink and never go beyond the current screen
height, if the data can not fit in one screen I want to implement scroll
bars, but only scroll the datalist not any other parts.
Thank You
Peter
Here's my code, I've tried adding a table, but still can not get it to work.
<asp:Panel ID="Panel1" runat="server" height="300px" ScrollBars="Vertical" >
<table width="100%" style="border: 1px solid; border-color: Blue"
border="0" cellpadding="0" cellspacing="0" >
<tr>
<td>
<asp:datalist id="dlTemplateList" style="width: 100%;"
datakeyfield="ItemID" runat="server"
cellpadding="1" OnItemDataBound="dlTemplateList_ItemDataBound">
<itemtemplate>
<table class="dataliststyle">
<tr>
<td valign="top" align="left" style="width:30px">
<asp:ImageButton ID="ImageButton1" runat="server"
ImageUrl="~/images/icon_sitelog_16px.gif"
onclick="ImageButton1_Click"/>
</td>
<td style="width:320px" class="reportname">
<asp:HyperLink ID="HyperLinkReport" Runat="Server"
Text='<%# DataBinder.Eval(Container.DataItem, "ObjectName") %>'
NavigateUrl='~/DesktopModules/Report/Viewer.aspx?ReportID=<%#
DataBinder.Eval(Container.DataItem, "ItemID") %>'
Target="_top"
/>
<asp:Label ID="lblContent1" runat="server" CssClass="Normal"/>
</td>
<td>
<span id="spanInModuleB" style="overflow:auto; ">
<asp:Label ID="Label1" runat="server" CssClass="description"
Text='<%# DataBinder.Eval(Container.DataItem, "Description") %>'/>
</span>
</td>
</tr>
</table>
</itemtemplate>
</asp:datalist>
Steven Cheng [MSFT] - 18 Apr 2008 10:12 GMT
Hi Peter,
From your description, you're wantting to make a DataList's height grows
dynamically and when it reach a certain maxmium limitation make it become
scrollable, correct?
As for scrolling datalist, I have a idea that use a <div> to wrapper your
DataList, thus, you can apply style on the DIV so that it will display
scrollbar when its inner content exceed its height.
#WWW FAQs: How do I add a scrollbar to part of a page?
http://www.boutell.com/newfaq/creating/scrolling.html
#how to get a scrollbar on a div-section in an html-page?
http://quomon.com/question_how_scrollbar_div_section_html_page_901.aspx
And you may need to adjust the div's height according to your current
page's height. You may consider use client script to get document body
height. How do you think?
Sincerely,
Steven Cheng
Microsoft MSDN Online Support Lead
Delighting our customers is our #1 priority. We welcome your comments and
suggestions about how we can improve the support we provide to you. Please
feel free to let my manager know what you think of the level of service
provided. You can send feedback directly to my manager at:
msdnmg@microsoft.com.
==================================================
Get notification to my posts through email? Please refer to
http://msdn.microsoft.com/subscriptions/managednewsgroups/default.aspx#notif
ications.
==================================================
This posting is provided "AS IS" with no warranties, and confers no rights.
--------------------
>From: "Peter" <czupet@nospam.nospam>
>Subject: Set Datalist height dynamically
[quoted text clipped - 57 lines]
>
></asp:datalist>
Peter - 18 Apr 2008 14:43 GMT
Thank you very much, it works great!
> Hi Peter,
>
[quoted text clipped - 102 lines]
>>
>></asp:datalist>
Steven Cheng [MSFT] - 21 Apr 2008 02:42 GMT
You're welcome :)
Sincerely,
Steven Cheng
Microsoft MSDN Online Support Lead