Click here to Skip to main content
11,636,260 members (75,826 online)
Rate this: bad
good
Please Sign up or sign in to vote.
See more: C# ASP.NET
hello everybody i am using DataList to showing all the messages in my project and now i have some problem when i have lot of messages all are showing in a single datalist and it become very large. Frown | :(
so i want to add scroller control so that the length of the web page does not become so large and i would see all the messages so please guide me how can i add ??
Posted 8-Feb-13 0:02am
Edited 8-Feb-13 18:15pm
joe_j4.1K
v2
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

place datalist in div 
 

<div style=" overflow:scroll; height:100px;">
 
// datalist here 
 
</div>
  Permalink  
v2
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 2

place datalist in div


  Permalink  
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 3

<div style="overflow-y:hidden; overflow-x:scroll; removed:relative; width: 50%;">
<asp:datalist id="DataList1" runat="server" onitemcommand="DataList1_ItemCommand" datakeyfield="" xmlns:asp="#unknown">
            <itemtemplate>
               //your items
            </itemtemplate>
        </asp:datalist>
</div>
Please also do have a look : http://makhaai.blogspot.in/2011/11/unlimited-scroll-in-aspnet-datalist.html[^]
  Permalink  
v2
Comments
jackson kumar at 16-Feb-13 8:08am
   
thanks for your suggestion i solved it by simply using panel and set its scroll bar as auto
and just put the datalist in the panel;

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 jyo.net 327
1 OriginalGriff 273
2 Sergey Alexandrovich Kryukov 255
3 Suvendu Shekhar Giri 225
4 stibee 195
0 OriginalGriff 8,941
1 Sergey Alexandrovich Kryukov 8,459
2 Mika Wendelius 6,849
3 F-ES Sitecore 2,364
4 Suvendu Shekhar Giri 2,320


Advertise | Privacy | Mobile
Web03 | 2.8.150728.1 | Last Updated 9 Feb 2013
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100