Hey, I have implemented the "slimScroll" in a div. Prior to this implementation, I was using the asp.net inherent scrolling and was able to use the MaintainScrollPositionOnPostback="true" at the Page level and that worked well; but now, this no longer works. Please see the page below. Assistence with this would be great!!
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="SBN_Messages.aspx.vb"
Inherits="ShopBuyName_Test_Site.SBN_Messages" MaintainScrollPositionOnPostback="true" %>
<%@ Register Assembly="obout_Interface" Namespace="Obout.Interface" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.slimscroll.min.js"></script>
<script type="text/javascript">
$(function () { $('#dvCustomers').slimScroll({ height: '550px' }); });
</script>
<script type="text/javascript" >
window.onload = function () {
document.getElementById('btnListUsers').disabled = false;
}
function ENABLE_BTN() {
var EN = document.getElementById('txtNewComment').value;
if (EN == '') {
document.getElementById('btnListUsers').disabled = false;
} else {
document.getElementById('btnListUsers').disabled = true;
}
}
</script>
<script type="text/javascript" >
function disableBtn(btnID, newText) {
var btn = document.getElementById(btnID);
setTimeout("setImage('" + btnID + "')", 10);
btn.disabled = true;
btn.value = newText;
}
function setImage(btnID) {
var btn = document.getElementById(btnID);
btn.style.background = 'url(12501270608.gif)';
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Panel runat="server" ID="Panel1" Width="100%" Height="35px">
<div style="border: thin groove #C0C0C0; background-color: #E4E4E4">
<asp:DataList ID="DataList3" runat="server" DataSourceID="sdsrcUsrDetails" EnableViewState="False">
<ItemTemplate>
<div style="position: relative">
<img src="Images/<%# Eval("Picture")%>" alt="Picture" height="45" width="45" />
<asp:Label ID="UserNameLabel" runat="server" Text='<%# Eval("UserFullName") %>' />
</ItemTemplate>
</asp:DataList>
<asp:TextBox ID="txtNewComment" runat="server" OnKeyDown="ENABLE_BTN()" Width="100%" Height="35px" Font-Italic="False"
TextMode="MultiLine"></asp:TextBox>
<asp:TextBox ID="txtLinkUrl" runat="server" BorderStyle="Dotted" Width="90%" Text=""
Visible="False"></asp:TextBox>
<br />
<asp:Panel ID="pnlMsgPhoto" runat="server" Visible="False" BorderStyle="Dashed" Width="90%"
BorderColor="#CCCCCC" ScrollBars="Vertical">
<asp:FileUpload ID="fluProfile" runat="server" EnableViewState="True" />
<asp:Label ID="lblUploadedFile" runat="server" Text=""></asp:Label>
</asp:Panel>
<ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender3" runat="server"
WatermarkText="Create a New Comment..." TargetControlID="txtNewComment" WatermarkCssClass="watermark"
Enabled="True">
</ajaxToolkit:TextBoxWatermarkExtender>
<ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server"
WatermarkText="Copy and Paste the Link here that you Enjoy..." TargetControlID="txtLinkUrl"
WatermarkCssClass="watermark" Enabled="True">
</ajaxToolkit:TextBoxWatermarkExtender>
<asp:Button ID="btnNewComment" OnCommand="NewComment_Click" OnClientClick="disableBtn(this.id, 'Sending')" runat="server" UseSubmitBehavior="false" Text="Send" />
<cc1:OboutDropDownList ID="ddwnSelectAudience_1" runat="server" Width="125px"><asp:ListItem Value="PB" Selected="True">Public</asp:ListItem><asp:ListItem Value="FF">Family & Friends</asp:ListItem><asp:ListItem Value="FA">Family (Only)</asp:ListItem><asp:ListItem Value="FR">Friends (Only)</asp:ListItem></cc1:OboutDropDownList>
<asp:Button ID="btnListUsers" runat="server" Text="Private" />
<div style="float: right">
<asp:HiddenField ID="hfldSelUser" runat="server" Visible="true" Value="" />
<asp:ImageButton ID="ibtnPhoto" runat="server" ToolTip="Click Camera to share a Photo"
ImageUrl="~/Images/Camera_Icon.PNG" Height="18px" ImageAlign="AbsMiddle" Width="25px"
EnableViewState="false" />
|
<asp:ImageButton ID="ibtnLinkUrl" runat="server" ToolTip="Click Link to share a Website URL"
ImageUrl="~/Images/Link_Icon.PNG" Height="18px" ImageAlign="AbsMiddle" Width="25px" />
</div>
<asp:SqlDataSource ID="sdsrcUsrDetails" runat="server" ConnectionString="<%$ ConnectionStrings:ApplicationServices %>"
SelectCommand="aspnet_Select_User_Details" SelectCommandType="StoredProcedure">
<SelectParameters>
<asp:CookieParameter CookieName="UserName" Name="UserName" Type="String" />
</SelectParameters>
</asp:SqlDataSource>
</div>
</asp:Panel>
<ajaxToolkit:AlwaysVisibleControlExtender ID="New_Message" runat="server"
Enabled="True" TargetControlID="Panel1">
</ajaxToolkit:AlwaysVisibleControlExtender>
<br />
<br />
<br />
<br />
<br />
<br />
<div class="some-content-related-div"><div id="dvCustomers">
<asp:ListView ID="DataList2" DataSourceID="sdsrcMessages" runat="server">
<ItemTemplate>
<table>
<tr>
<td>
<asp:Label ID="lblMsgId" runat="server" Text='<%# Eval("MessageId") %>' Visible="False"></asp:Label>
<img src="Images/<%# Eval("Picture") %>" alt="Picture" height="45" width="45" />
<asp:Label ID="lblUserName" runat="server" Text='<%# Eval("UserFullName") %>' Font-Bold="True" />
<asp:Label ID="lblMsgTo" runat="server" Text='<%# Eval("MessageToId") %>' Font-Bold="True" Visible="False" />
<asp:Label ID="lblMsgFrom" runat="server" Text='<%# Eval("MessageFromId") %>' Font-Bold="True" Visible="False" />
<asp:Label ID="lblMsgType" runat="server" Text='<%# Eval("MsgType") %>' Font-Italic="True"
Font-Size="Smaller" ForeColor="#CCCCCC" />
<asp:Label ID="lblMsgTypeVal" runat="server" Text='<%# Eval("MessageType") %>' Visible="False" />
<asp:Label ID="lblMsgGroupDesc" runat="server" Text='<%# Eval("MsgGroupDesc") %>'
Font-Italic="True" Font-Size="Smaller" ForeColor="#CCCCCC" />
<br />
<br />
<asp:PlaceHolder ID="phdrImage" runat="server" Visible='<%# GetVisible(Eval("MsgPicture").ToString()) %>'>
<div id="dvPhoto" runat="server" style="margin-left:inherit">
<asp:Image ID="imgMsgPhoto" runat="server" Height="200px" Width="200px" GenerateEmptyAlternateText="true"
ImageAlign="Middle" ImageUrl='<%# Eval("MsgPicture") %>' />
</div>
</asp:PlaceHolder>
<br />
<div style="text-align: justify">
<asp:Label ID="MessageDetailLabel" runat="server" Text='<%# Eval("MessageDetail") %>'
Font-Size="Smaller" Width="100%" /></span>
<asp:HyperLink ID="hlnkMessageLinkURL" runat="server" NavigateUrl='<%# Eval("MessageURL") %>'
Target="_blank"><%# Eval("MessageURLDesc")%></asp:HyperLink>
<br />
<hr />
</div>
<div style="left: 25px; color: #C0C0C0; font-size: smaller;">
<span class="msgmid">
<asp:LinkButton ID="lbtnEnjoy" runat="server" Font-Size="Smaller" CommandArgument='<%# Eval("MessageId") %>'
OnCommand="SetMessageEnjoy_Click">Enjoy</asp:LinkButton>
|
<asp:LinkButton ID="lbtnShare" runat="server" Font-Size="Smaller">Share</asp:LinkButton>
| <span class="msgmid">
<asp:LinkButton ID="lbtnDismiss" runat="server" OnCommand="lbtnDismiss_Click" CommandArgument='<%# Eval("MessageId") %>'
Font-Size="Smaller" ViewStateMode="Inherit">Dismiss</asp:LinkButton></span>
| <span class="msgdhmid">
<%# Eval("Days_Hours_Minutes")%></span>
</div>
<hr />
<div id="Div1" runat="server" style="font-size: x-small; color: #6699FF">
<%# Eval("EnjoyCNT") %> Enjoy and
<%# Eval("MessageCNT") %> Commented on this
</div>
</div>
</td>
</tr>
<hr />
</table>
<asp:ListView ID="ListView2" runat="server" DataSourceID="sdsrcMessageComments" DataKeyNames="MessageId"
ItemPlaceholderID="PlaceHolder2">
<layouttemplate>
<asp:PlaceHolder runat="server" ID="PlaceHolder2"></asp:PlaceHolder>
</layouttemplate>
<itemtemplate>
<div style="background-color: #E4E4E4; margin-left: 25px">
<img src="Images/<%# Eval("Picture") %>" alt="Picture" height="25" width="25" />
<asp:Label ID="lblUserHistName" runat="server" Text='<%# Eval("UserFullName") %>'
Font-Bold="True" />
<br />
<asp:Label ID="Label2" runat="server" Text='<%# Eval("MessageDetail") %>' Width="95%" /><br />
<asp:LinkButton ID="lbtnEnjoy1" runat="server" Font-Size="Smaller" CommandArgument='<%# Eval("MessageId") %>'
OnCommand="SetMessageEnjoy_Click">Enjoy</asp:LinkButton></span><div style="float: right;
font-size: small; font-style: italic; color: #0000FF;">
<%# Eval("Days_Hours_Minutes")%></div>
<hr />
</div>
</ItemTemplate>
</asp:ListView>
<div style="margin-left: 25px; border: thin groove #C0C0C0; background-color: #E4E4E4">
<asp:Image id="UserPic" runat="server" EnableViewState="false" ImageUrl='<%# "Images/" + Eval("CurUserPic")%>' AlternateText="Picture" Height="25" Width="25" />
<asp:TextBox ID="txtMsgComment_1" runat="server" Width="375px" Height="25px" Font-Italic="False"
TextMode="MultiLine" ></asp:TextBox>
<asp:Button ID="btnMsgComment_1" runat="server" Width="75px" UseSubmitBehavior="false" CommandArgument='<%# Eval("MessageId") %>'
CommandName='<%#Container.DisplayIndex %>' OnCommand="AddComment_Click" OnClientClick="disableBtn(this.id, 'Sending')" Text="Send" />
<ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender4" runat="server"
WatermarkText="Share Your Thoughts with this Comment..." TargetControlID="txtMsgComment_1"
WatermarkCssClass="watermark" Enabled="True">
</ajaxToolkit:TextBoxWatermarkExtender>
</div>
<asp:SqlDataSource ID="sdsrcMessageComments" runat="server" ConnectionString="<%$ ConnectionStrings:ApplicationServices %>"
SelectCommand="aspnet_Select_User_Message_By_Id" SelectCommandType="StoredProcedure">
<SelectParameters>
<asp:Parameter Name="Type" Type="String" DefaultValue='CMNT' />
<asp:ControlParameter ControlID="lblMsgId" DefaultValue="0" Name="MsgId" PropertyName="Text"
Type="String" />
</SelectParameters>
</asp:SqlDataSource>
</ItemTemplate>
</asp:ListView>
</div>
</div>
<asp:SqlDataSource ID="sdsrcMessages" runat="server" ConnectionString="<%$ ConnectionStrings:ApplicationServices %>"
SelectCommand="aspnet_Select_User_Messages" SelectCommandType="StoredProcedure">
<SelectParameters>
<asp:Parameter Name="MessageType" Type="char" DefaultValue='I' />
<asp:CookieParameter CookieName="UserName" Name="UserName" Type="String" />
<asp:Parameter Name="UserRelName" DefaultValue='NA' />
<asp:Parameter Name="CompanyId" DefaultValue='NA' />
</SelectParameters>
</asp:SqlDataSource>
<div style="position: relative">
<div style="padding-left: 45%">
<img id="loader" alt="" src="Images/loading.gif" style="display: none" />
</div>
<asp:Panel ID="pnlSBN_Messages" runat="server" HorizontalAlign="Center" Width="100%"
BackColor="#66CCFF" Height="25px">
</asp:Panel>
</div>
</form>
</body>
</html>