i have a website that uses Telerik controls. in dis prjct i have used RadSplitter,in RadSplitter am using 2 RadPane . one of them is RadSlidingPane and the other is flexpaper
while working with flexpaper, im getting half page splitter on page load but not everytime
i have used dis code:
<telerik:radajaxmanagerproxy runat="server" id="RadAjaxManagerProxy1">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadSplitter2">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="LeftPane" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:radajaxmanagerproxy>
<telerik:radscriptmanager runat="server" id="RadScriptManager1" enablepagemethods="true" />
<div id="loaddiv1" style="overflow: hidden;" class="DivClick">
<div class="overlayDiv" id="loaddiv2" style="overflow: hidden;">
<telerik:radsplitter id="RadSplitter2" runat="server" width="100%" enableembeddedskins="true"
onclientloaded="SplitterLoaded">
<telerik:RadPane ID="LeftPane" runat="server" Width="22" Height="100%">
<telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="22" ClickToOpen="true">
<telerik:RadSlidingPane ID="Pane1" Title="Highlights" runat="server" OnClientUndocking="changecolor"
ClientIDMode="Static" CssClass="Pane1Class" Width="250" DockOnOpen="true" MinWidth="100"
Scrolling="None">
<table>
<tr>
<td>
<asp:TextBox ID="txtSearchHighlights" ClientIDMode="Static" runat="server"></asp:TextBox>
</td>
<td style="padding-left: 10px;">
<img src="Images/Search_icon.png" id="btnSercahHighlights" onclick="searchHighlights();"
style="cursor: pointer;" />
</td>
<td>
<img src="Images/clear.jpg" id="Img1" alt="Clear" onclick="clearhighlights();" style="cursor: pointer;" />
</td>
</tr>
</table>
<%--<div style="width:105px; height:38px; margin:20px 23px 0 0; float:left; background:#23A0DA; text-align:center; font-size:18px; color:#FFF; border:none; cursor:pointer;" >
<telerik:RadButton ID="btnHighlights" runat="server" ForeColor="White" Width="70px" Height="40px"
Text="Download" onclick="btnHighlights_Click" >
<%--<Image ImageUrl="Images/download.png" IsBackgroundImage="true" HoveredImageUrl="Images/download.png" PressedImageUrl="Images/download.png" ></Image>
</telerik:RadButton>
</div>OnClick="btnHighlights_Click"--%>
<div style="padding-left: 200px;">
<table>
<tr>
<td>
<%-- <telerik:RadButton ID="btnHighlights" runat="server" Style="border-width: 0px;" Text="Download"
OnClientClicked="ExcellDownload('highlights'); return false;" >
<ContentTemplate>--%>
<%-- <img src="Images/icon_excel.png" alt="Download" />--%>
<asp:ImageButton Style="padding-right: 5px;" ImageUrl="~/Images/icon_excel.png" ToolTip="excell"
ID="btnHighlights" runat="server" OnClientClick="ExcellDownload('highlights'); return false;"
ClientIDMode="Static" />
<%--</ContentTemplate>
</telerik:RadButton>--%>
</td>
<td>
<div style="border-width: 0px;">
<asp:ImageButton ImageUrl="~/Images/printer.png" ToolTip="Print" ID="ibtnPrintheighlights"
runat="server" OnClientClick="Print('heighlights'); return false;" ClientIDMode="Static" />
</div>
</td>
</tr>
</table>
</div>
<div id='odvHighlights' style="padding-left: 7px; overflow-y: auto;">
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane2" Title="Notes" runat="server" Width="270" MinWidth="100"
OnClientUndocking="changecolor" DockOnOpen="true">
<table>
<tr>
<td>
<asp:TextBox ID="txtSearchNotes" ClientIDMode="Static" runat="server"></asp:TextBox>
</td>
<td>
<img src="Images/Search_icon.png" id="btnSearchNotes" onclick="searchNotes();" style="cursor: pointer;" />
</td>
<td>
<img src="Images/clear.jpg" id="ImgclearNotes" onclick="clearnotes();" style="cursor: pointer;"
alt='Clear' />
</td>
</tr>
</table>
<div style="padding-left: 200px;">
<table>
<tr>
<td>
<div id="divbtnNotes" style="border-color: Blue; color: Black; display: none;">
<%--<telerik:RadButton ID="btnSearchNotes1" Style="border-width: 0px;" runat="server"
ToolTip="Download excell" Text="Download" OnClick="btnSearchNotes1_Click">
<ContentTemplate>
<img src="Images/icon_excel.png" alt="Download" />
</ContentTemplate>
</telerik:RadButton>--%>
<asp:ImageButton Style="padding-right: 5px;" ImageUrl="~/Images/icon_excel.png" ToolTip="Excell"
ID="btnSearchNotes1" runat="server" OnClientClick="ExcellDownload('Notes'); return false;"
ClientIDMode="Static" />
</div>
</td>
<td>
<div style="border-width: 0px;">
<asp:ImageButton ImageUrl="~/Images/printer.png" ToolTip="Print" ID="ibtnPrintNotes"
runat="server" OnClientClick="Print('notes'); return false;" ClientIDMode="Static" />
</div>
</td>
</tr>
</table>
</div>
<%-- <input type="button" id="btnSearchNotes" value="Search Notes" onclick="searchNotes();"
style="cursor: pointer;" />--%>
<div id='odvViewNotes' style="padding-left: 7px; overflow-y: auto;">
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane3" Title="Chat" runat="server" Width="400" MinWidth="400"
OnClientUndocking="changecolor" DockOnOpen="true" onclientloaded="SplitterLoaded">
<div id="divcht">
<div id="loadingimg" style="display:none;height: 100%;z-index: 999999;background: gray;float: left;position: fixed;width: 100%;opacity: 0.4;">
<div style="height:100%;width:100%;margin:auto;"> <img src='Images/loading_orange.gif' /></div>
</div>
<table style="width: 100%">
<tr>
<td colspan="2">
<div id='dvNotification'>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<ul id="shortcut" style="margin-top: 0px; padding-bottom: 0px;">
<li><a title="Threads" style="margin-top: 0px;" class="ThreadsPnl">
<img src="images/icon/shortcut/chat-quote.png" alt="Pins" /><strong>Chats<span id="SpnThreadsCnt"></span></strong></a>
</li>
</ul>
</td>
</tr>
<tr>
<td>
<span style="padding-left: 4px;">Select PINs</span>
</td>
<td style="padding-left: 4px;">
<table style="width: 100%">
<tr>
<td>
<asp:DropDownList ID="ddlPINs" runat="server" onchange="PinUsers(this);">
</asp:DropDownList>
</td>
<td>
<img src="Images/Search_icon.png" id="btnPinInviteSubscription" runat="server" alt='Request for Subcsciption'
onclick="InviteForSubscription();" style="cursor: pointer;" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="height: 5px;">
</td>
</tr>
<tr>
<td colspan="2">
<div id='dvPinRegUsers' style="padding-left: 7px; overflow-y: auto; max-height: 300px;">
</div>
</td>
</tr>
<tr>
<td style="height: 5px;">
</td>
</tr>
<tr>
<td>
<span style="padding-left: 4px;">Chat Name </span>
</td>
<td style="padding-left: 4px;">
<asp:TextBox ID="txtChatName" Width="181px" runat="server"></asp:TextBox>
<img src="Images/add.jpg" title="Invite" width="30px" height="20px" id="ImgInvite"
style="cursor: pointer;" alt='Invite' onclick="SendInvitation(); return false;" />
</td>
</tr>
<tr>
<td>
<br />
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<%-- <input type="button" id="ImgInvite" style="cursor: pointer;" alt='Invite' title="Invite"
onclick="SendInvitation();" />--%>
</td>
</tr>
<tr>
<td style="height: 5px;">
</td>
</tr>
<tr>
<td colspan="2">
<div>
<%--BEGIN Chat panel--%>
<%-- <div class="topcolumn">
<div class="logo">
</div>
</div>
<div class="clear">
</div>--%>
<%--<div id="divwidget" class="widget">
<div class="header">
<span><span class="ico gray record"></span>Current Pins- Select a pin to chat</span></div>
<div class="chatcontent">
<!-- title box -->
<div class="overflow" style="height: 165px">
<div class="oneThree" style="width: 95%">
<br />
<br />
</div>
</div>
</div>
<!-- End content -->
</div>--%>
<div>
<div class="widget" id="ThreadsPnl">
<div class="header">
<span><span class="ico gray group"></span>Current Chats</span>
</div>
<div class="chatcontent" style="width: 100%;">
<div class="tableName" style="width: 100%;">
<table class="display Thread_data_table" id="Thread_data_table">
<thead>
<tr>
<th>
<div class="th_wrapp" style="padding-left: 33px;">
Chat Name
</div>
</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="ChatPnl" style="display: none; background: #6BABFF; text-align: center;">
<div class="widget">
<div class="header" style="font-weight: bold; text-align: center; vertical-align: middle;">
<div id="SpnConversationThreadTitle">
</div>
<label class="ThreadsPnl" style="float: right; cursor: pointer;">
Minimize</label>
</div>
<!-- End header -->
<div class="chatcontent" style="overflow: hidden;">
<%-- style="width: 60px; padding-top: 2px; float: left"--%>
<div class="userOnline" style="width: 100%; padding-top: 2px; float: left;">
<table width="100%">
<tr style="background-color:White;">
<td>
<ul style="display: table-row;">
</ul>
</td>
<td align="right" style="background-color:White;">
<div style="font-weight:bold;">
Invite Contact
<img src="Images/add.jpg" style="cursor:pointer;margin-right: 5px;" title="Invite" onclick="Invitecontact(); return false;" width="30px" height="20px" id="chtinvitecontact" />
</div>
</td>
</tr>
</table>
</div>
<div>
<div id="DivMessageArea" style="margin-left: 65px;">
</div>
<!-- clear fix -->
<div class="clear">
</div>
<div class="commentMsg">
<textarea style="margin-left: 10px;" placeholder="Add a comment or a reply here ..."
id="txtMessage"></textarea>
<div>
<a class="uibutton" relUserid="1" id="btnSendMsg">Send Post</a></div>
</div>
</div>
<!-- clear fix -->
<div class="clear">
</div>
</div>
<!-- End content -->
</div>
</div>
<%--END Chat panel--%>
</div>
</td>
</tr>
</table>
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane4" Title="Dictionary" runat="server" Width="250"
OnClientUndocking="changecolor" MinWidth="100" DockOnOpen="true">
<table>
<tr>
<td>
<asp:TextBox ID="txtDictionaryWord" runat="server"></asp:TextBox>
</td>
<td style="padding-left: 3px;">
<img src="Images/Search_icon.png" id="btnSearchDictionary" onclick="SearchWord();"
style="cursor: pointer;" />
</td>
<td>
<img src="Images/clear.jpg" id="Img2" onclick="ClearDictionaryData()" style="cursor: pointer;"
alt='Clear' />
</td>
</tr>
</table>
<br />
<br />
<div id='dvDictionary'>
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane5" Title="Table of Contents" runat="server" Width="250"
OnClientUndocking="changecolor" MinWidth="100" DockOnOpen="true">
<br />
<div id="">
<table>
<tr>
<td>
<div align="center" style="padding-left: 202px;">
<%--<telerik:RadButton ID="btnChapters" ToolTip="Dowload excell" Style="border-width: 0px;"
ClientIDMode="Static" OnClick="btnChapters_Click" runat="server" Text="Download">
<ContentTemplate>
<img src="Images/icon_excel.png" alt="Download" />
</ContentTemplate>
</telerik:RadButton>--%>
<asp:ImageButton Style="padding-right: 5px;" ImageUrl="~/Images/icon_excel.png" ToolTip="Print"
ID="btnChapters" runat="server" OnClientClick="ExcellDownload('chapter'); return false;"
ClientIDMode="Static" />
</div>
</td>
<td>
<div style="border-width: 0px;">
<asp:ImageButton ImageUrl="~/Images/printer.png" ToolTip="Print" ID="ibtnPrintChapters"
runat="server" OnClientClick="Print('chapter'); return false;" ClientIDMode="Static" />
</div>
</td>
</tr>
</table>
</div>
<%--<asp:Button ID="btnChapters" OnClientClick="Download('chapters'); return false;" runat="server" Text="Download" />--%>
<%-- <telerik:RadButton ID="btnChapters" runat="server" Text="Download"
onclick="btnChapters_Click"></telerik:RadButton>--%>
<div id='dvTableOfContents' style="padding-left: 7px; overflow-y: auto; max-height: 480px;">
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane6" Title="BookMarks" runat="server" Width="250" MinWidth="100"
OnClientUndocking="changecolor" DockOnOpen="true">
<table width="240px">
<tr>
<td width="70px">
<asp:TextBox ID="txtBookMarkName" ClientIDMode="Static" runat="server"></asp:TextBox>
</td>
<td align="left">
<asp:ImageButton ImageUrl="~/Images/save.png" ToolTip="save" ID="btnSaveBookMark"
runat="server" OnClientClick="SaveBookMarkDetails();" />
</td>
</tr>
</table>
<%-- <img src="Images/search_btn2.png" id="btnSaveBookMark" onclick="SaveBookMarkDetails();"
style="cursor: pointer;" />--%>
<div align="center" style="margin-bottom: -9px; padding-left: 151px;">
<table>
<tr>
<td>
<div style="border-width: 0px;">
<%--<telerik:RadButton ID="btnBookMarks" ToolTip="Download Excell" Style="border-width: 0px;
display: inline;" ClientIDMode="Static" OnClick="btnBookMarks_Click" runat="server"
Text="Download">
<ContentTemplate>
<img src="Images/icon_excel.png" alt="Download" />
</ContentTemplate>
</telerik:RadButton>--%>
<asp:ImageButton Style="padding-right: 5px;" ImageUrl="~/Images/icon_excel.png" ToolTip="Print"
ID="btnBookMarks" runat="server" OnClientClick="ExcellDownload('Bookmarks'); return false;"
ClientIDMode="Static" />
</div>
</td>
<td>
<div style="border-width: 0px;">
<asp:ImageButton ImageUrl="~/Images/printer.png" ToolTip="Print" ID="ibtnPrintBookMark"
runat="server" OnClientClick="Print('bookmark'); return false;" ClientIDMode="Static" />
</div>
</td>
</tr>
</table>
</div>
<%-- <telerik:RadButton ID="btnBookMarks" Height="25" Enabled="false" Width="35" runat="server" Image-IsBackgroundImage="true" Image-EnableImageButton="true" Image-DisabledImageUrl="~/Images/download.gif"
Image-ImageUrl="~/Images/download.gif"
onclick="btnBookMarks_Click"></telerik:RadButton>--%>
<%-- <asp:Button ID="btnBookMarks" OnClientClick="Download('bookmark'); return false;" runat="server" Text="Download" /> onclick="btnprintBookMark_Click"--%>
<div id='dvBookMarks' style="padding-left: 7px; overflow-y: auto; max-height: 400px;">
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="RadSlidingPane1" Title="Share Resources" runat="server"
OnClientUndocking="changecolor" Width="340" MinWidth="100" DockOnOpen="true">
<table>
<tr>
<td>
<table>
<tr>
<td>
Select PINS
</td>
<td>
<asp:DropDownList ID="ddlRegPins" ClientIDMode="Static" runat="server" onchange="PinUsersForSharing(this);">
</asp:DropDownList>
</td>
</tr>
</table>
<%-- <span style="padding-left: 4px;">Select PINs</span>
<div style="float: right; padding-right: 43px;">
<asp:DropDownList ID="ddlRegPins" runat="server" onchange="PinUsersForSharing(this);">
</asp:DropDownList>--%>
<%-- <img src="~/Images/Search_icon.png" id="Img1" runat="server" alt='Share Resource'
style="cursor: pointer;" /></div>--%>
</td>
</tr>
<tr>
<td colspan="2">
<asp:CheckBoxList ID="chkResourceType" ClientIDMode="Static" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Text="Highlights" Value="1"></asp:ListItem>
<asp:ListItem Text="BookMarks" Value="2"></asp:ListItem>
<asp:ListItem Text="Notes" Value="3"></asp:ListItem>
</asp:CheckBoxList>
</td>
</tr>
<tr>
<td>
<div id="divRegPinUsers" class="classhide">
</div>
</td>
</tr>
<tr>
<td align="center">
<img id="SaveSharing" title="Save" style="cursor: pointer;" src="Images/Share_button.png"
alt="Share source" height="25px" width="40px" onclick="Share(); return false;" />
<img id="btnUpdate" style="display: none;" src="Images/Update.png" title="Update"
alt="Update" height="25px" width="40px" onclick='Update(); return false;' />
<%-- <asp:Button ID="btnUpdate" ClientIDMode="Static" CssClass="button03" Style="display: none;"
OnClientClick="Update(); return false;" runat="server" Text="Update" />--%>
</td>
<td>
</td>
</tr>
<tr>
<td id="tdGrid" colspan="2">
<div id='divGridviewShared'>
</div>
</td>
</tr>
</table>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="SharingNotification" Title="Sharing Notifications" runat="server"
OnClientUndocking="changecolor" Width="250" MinWidth="100" DockOnOpen="true">
<table>
<tr>
<td style="color: Black; font-weight: bold;">
Received Notifications
</td>
</tr>
<tr>
<td id="rptToUsersNotify" style="padding-left: 7px; overflow-y: auto; max-height: 300px;">
</td>
</tr>
<tr>
<td id="tdtitle" style="font-family: Arial Black;">
</td>
</tr>
<tr>
<td id="tdShowNotifyData" style="padding-left: 7px; overflow-y: auto; max-height: 300px;">
</td>
</tr>
</table>
</telerik:RadSlidingPane>
</telerik:RadSlidingZone>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar1" runat="server">
</telerik:RadSplitBar>
<telerik:RadPane ID="MiddlePane" runat="server">
<div style="width: 100%; height:100%;">
<div id="documentViewer" style="position: relative; width: 100%; height: 100%">
</div>
</div>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar2" runat="server">
</telerik:RadSplitBar>
</telerik:radsplitter>
<div id="loadingmessage" style='display: none'>
<img id="imgWaitIcon" src="<%=Page.ResolveUrl("~/images/loading-bar-big.gif") %>"
alt="loading" align="middle" style="border-width: 0px;" />
</div>
</div>
<asp:HiddenField ID="H_BookID" ClientIDMode="Static" runat="server" />
<input type="hidden" runat="server" value="" id="hdnFilePath" />
<input type="hidden" runat="server" value="" id="hdnBookID" />
<input type="hidden" runat="server" value="" id="hdnPageID" />
<input type="hidden" clientidmode="Static" runat="server" value="" id="hdnActivePin" />
<input type="hidden" runat="server" value="" id="hdnSelectedValue" />
<input type="hidden" runat="server" value="-1" id="hdnThreadID" />
<input type="hidden" runat="server" value="" id="EditUserID" clientidmode="Static" />
<input type="hidden" runat="server" id="H_ToUserID" clientidmode="Static" />
<input type="hidden" id="hdnUserID" runat="server" />
<input type="hidden" id="hdnUserName" runat="server" />
<input type="hidden" id="H_Cid" runat="server" />
<input type="hidden" id="H_UserID" runat="server" />
</div>
while working with flexpaper, im getting half page splitter on page load but not everytime
i have used dis code:
<telerik:radajaxmanagerproxy runat="server" id="RadAjaxManagerProxy1">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadSplitter2">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="LeftPane" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:radajaxmanagerproxy>
<telerik:radscriptmanager runat="server" id="RadScriptManager1" enablepagemethods="true" />
<div id="loaddiv1" style="overflow: hidden;" class="DivClick">
<div class="overlayDiv" id="loaddiv2" style="overflow: hidden;">
<telerik:radsplitter id="RadSplitter2" runat="server" width="100%" enableembeddedskins="true"
onclientloaded="SplitterLoaded">
<telerik:RadPane ID="LeftPane" runat="server" Width="22" Height="100%">
<telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="22" ClickToOpen="true">
<telerik:RadSlidingPane ID="Pane1" Title="Highlights" runat="server" OnClientUndocking="changecolor"
ClientIDMode="Static" CssClass="Pane1Class" Width="250" DockOnOpen="true" MinWidth="100"
Scrolling="None">
<table>
<tr>
<td>
<asp:TextBox ID="txtSearchHighlights" ClientIDMode="Static" runat="server"></asp:TextBox>
</td>
<td style="padding-left: 10px;">
<img src="Images/Search_icon.png" id="btnSercahHighlights" onclick="searchHighlights();"
style="cursor: pointer;" />
</td>
<td>
<img src="Images/clear.jpg" id="Img1" alt="Clear" onclick="clearhighlights();" style="cursor: pointer;" />
</td>
</tr>
</table>
<%--<div style="width:105px; height:38px; margin:20px 23px 0 0; float:left; background:#23A0DA; text-align:center; font-size:18px; color:#FFF; border:none; cursor:pointer;" >
<telerik:RadButton ID="btnHighlights" runat="server" ForeColor="White" Width="70px" Height="40px"
Text="Download" onclick="btnHighlights_Click" >
<%--<Image ImageUrl="Images/download.png" IsBackgroundImage="true" HoveredImageUrl="Images/download.png" PressedImageUrl="Images/download.png" ></Image>
</telerik:RadButton>
</div>OnClick="btnHighlights_Click"--%>
<div style="padding-left: 200px;">
<table>
<tr>
<td>
<%-- <telerik:RadButton ID="btnHighlights" runat="server" Style="border-width: 0px;" Text="Download"
OnClientClicked="ExcellDownload('highlights'); return false;" >
<ContentTemplate>--%>
<%-- <img src="Images/icon_excel.png" alt="Download" />--%>
<asp:ImageButton Style="padding-right: 5px;" ImageUrl="~/Images/icon_excel.png" ToolTip="excell"
ID="btnHighlights" runat="server" OnClientClick="ExcellDownload('highlights'); return false;"
ClientIDMode="Static" />
<%--</ContentTemplate>
</telerik:RadButton>--%>
</td>
<td>
<div style="border-width: 0px;">
<asp:ImageButton ImageUrl="~/Images/printer.png" ToolTip="Print" ID="ibtnPrintheighlights"
runat="server" OnClientClick="Print('heighlights'); return false;" ClientIDMode="Static" />
</div>
</td>
</tr>
</table>
</div>
<div id='odvHighlights' style="padding-left: 7px; overflow-y: auto;">
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane2" Title="Notes" runat="server" Width="270" MinWidth="100"
OnClientUndocking="changecolor" DockOnOpen="true">
<table>
<tr>
<td>
<asp:TextBox ID="txtSearchNotes" ClientIDMode="Static" runat="server"></asp:TextBox>
</td>
<td>
<img src="Images/Search_icon.png" id="btnSearchNotes" onclick="searchNotes();" style="cursor: pointer;" />
</td>
<td>
<img src="Images/clear.jpg" id="ImgclearNotes" onclick="clearnotes();" style="cursor: pointer;"
alt='Clear' />
</td>
</tr>
</table>
<div style="padding-left: 200px;">
<table>
<tr>
<td>
<div id="divbtnNotes" style="border-color: Blue; color: Black; display: none;">
<%--<telerik:RadButton ID="btnSearchNotes1" Style="border-width: 0px;" runat="server"
ToolTip="Download excell" Text="Download" OnClick="btnSearchNotes1_Click">
<ContentTemplate>
<img src="Images/icon_excel.png" alt="Download" />
</ContentTemplate>
</telerik:RadButton>--%>
<asp:ImageButton Style="padding-right: 5px;" ImageUrl="~/Images/icon_excel.png" ToolTip="Excell"
ID="btnSearchNotes1" runat="server" OnClientClick="ExcellDownload('Notes'); return false;"
ClientIDMode="Static" />
</div>
</td>
<td>
<div style="border-width: 0px;">
<asp:ImageButton ImageUrl="~/Images/printer.png" ToolTip="Print" ID="ibtnPrintNotes"
runat="server" OnClientClick="Print('notes'); return false;" ClientIDMode="Static" />
</div>
</td>
</tr>
</table>
</div>
<%-- <input type="button" id="btnSearchNotes" value="Search Notes" onclick="searchNotes();"
style="cursor: pointer;" />--%>
<div id='odvViewNotes' style="padding-left: 7px; overflow-y: auto;">
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane3" Title="Chat" runat="server" Width="400" MinWidth="400"
OnClientUndocking="changecolor" DockOnOpen="true" onclientloaded="SplitterLoaded">
<div id="divcht">
<div id="loadingimg" style="display:none;height: 100%;z-index: 999999;background: gray;float: left;position: fixed;width: 100%;opacity: 0.4;">
<div style="height:100%;width:100%;margin:auto;"> <img src='Images/loading_orange.gif' /></div>
</div>
<table style="width: 100%">
<tr>
<td colspan="2">
<div id='dvNotification'>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<ul id="shortcut" style="margin-top: 0px; padding-bottom: 0px;">
<li><a title="Threads" style="margin-top: 0px;" class="ThreadsPnl">
<img src="images/icon/shortcut/chat-quote.png" alt="Pins" /><strong>Chats<span id="SpnThreadsCnt"></span></strong></a>
</li>
</ul>
</td>
</tr>
<tr>
<td>
<span style="padding-left: 4px;">Select PINs</span>
</td>
<td style="padding-left: 4px;">
<table style="width: 100%">
<tr>
<td>
<asp:DropDownList ID="ddlPINs" runat="server" onchange="PinUsers(this);">
</asp:DropDownList>
</td>
<td>
<img src="Images/Search_icon.png" id="btnPinInviteSubscription" runat="server" alt='Request for Subcsciption'
onclick="InviteForSubscription();" style="cursor: pointer;" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="height: 5px;">
</td>
</tr>
<tr>
<td colspan="2">
<div id='dvPinRegUsers' style="padding-left: 7px; overflow-y: auto; max-height: 300px;">
</div>
</td>
</tr>
<tr>
<td style="height: 5px;">
</td>
</tr>
<tr>
<td>
<span style="padding-left: 4px;">Chat Name </span>
</td>
<td style="padding-left: 4px;">
<asp:TextBox ID="txtChatName" Width="181px" runat="server"></asp:TextBox>
<img src="Images/add.jpg" title="Invite" width="30px" height="20px" id="ImgInvite"
style="cursor: pointer;" alt='Invite' onclick="SendInvitation(); return false;" />
</td>
</tr>
<tr>
<td>
<br />
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<%-- <input type="button" id="ImgInvite" style="cursor: pointer;" alt='Invite' title="Invite"
onclick="SendInvitation();" />--%>
</td>
</tr>
<tr>
<td style="height: 5px;">
</td>
</tr>
<tr>
<td colspan="2">
<div>
<%--BEGIN Chat panel--%>
<%-- <div class="topcolumn">
<div class="logo">
</div>
</div>
<div class="clear">
</div>--%>
<%--<div id="divwidget" class="widget">
<div class="header">
<span><span class="ico gray record"></span>Current Pins- Select a pin to chat</span></div>
<div class="chatcontent">
<!-- title box -->
<div class="overflow" style="height: 165px">
<div class="oneThree" style="width: 95%">
<br />
<br />
</div>
</div>
</div>
<!-- End content -->
</div>--%>
<div>
<div class="widget" id="ThreadsPnl">
<div class="header">
<span><span class="ico gray group"></span>Current Chats</span>
</div>
<div class="chatcontent" style="width: 100%;">
<div class="tableName" style="width: 100%;">
<table class="display Thread_data_table" id="Thread_data_table">
<thead>
<tr>
<th>
<div class="th_wrapp" style="padding-left: 33px;">
Chat Name
</div>
</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="ChatPnl" style="display: none; background: #6BABFF; text-align: center;">
<div class="widget">
<div class="header" style="font-weight: bold; text-align: center; vertical-align: middle;">
<div id="SpnConversationThreadTitle">
</div>
<label class="ThreadsPnl" style="float: right; cursor: pointer;">
Minimize</label>
</div>
<!-- End header -->
<div class="chatcontent" style="overflow: hidden;">
<%-- style="width: 60px; padding-top: 2px; float: left"--%>
<div class="userOnline" style="width: 100%; padding-top: 2px; float: left;">
<table width="100%">
<tr style="background-color:White;">
<td>
<ul style="display: table-row;">
</ul>
</td>
<td align="right" style="background-color:White;">
<div style="font-weight:bold;">
Invite Contact
<img src="Images/add.jpg" style="cursor:pointer;margin-right: 5px;" title="Invite" onclick="Invitecontact(); return false;" width="30px" height="20px" id="chtinvitecontact" />
</div>
</td>
</tr>
</table>
</div>
<div>
<div id="DivMessageArea" style="margin-left: 65px;">
</div>
<!-- clear fix -->
<div class="clear">
</div>
<div class="commentMsg">
<textarea style="margin-left: 10px;" placeholder="Add a comment or a reply here ..."
id="txtMessage"></textarea>
<div>
<a class="uibutton" relUserid="1" id="btnSendMsg">Send Post</a></div>
</div>
</div>
<!-- clear fix -->
<div class="clear">
</div>
</div>
<!-- End content -->
</div>
</div>
<%--END Chat panel--%>
</div>
</td>
</tr>
</table>
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane4" Title="Dictionary" runat="server" Width="250"
OnClientUndocking="changecolor" MinWidth="100" DockOnOpen="true">
<table>
<tr>
<td>
<asp:TextBox ID="txtDictionaryWord" runat="server"></asp:TextBox>
</td>
<td style="padding-left: 3px;">
<img src="Images/Search_icon.png" id="btnSearchDictionary" onclick="SearchWord();"
style="cursor: pointer;" />
</td>
<td>
<img src="Images/clear.jpg" id="Img2" onclick="ClearDictionaryData()" style="cursor: pointer;"
alt='Clear' />
</td>
</tr>
</table>
<br />
<br />
<div id='dvDictionary'>
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane5" Title="Table of Contents" runat="server" Width="250"
OnClientUndocking="changecolor" MinWidth="100" DockOnOpen="true">
<br />
<div id="">
<table>
<tr>
<td>
<div align="center" style="padding-left: 202px;">
<%--<telerik:RadButton ID="btnChapters" ToolTip="Dowload excell" Style="border-width: 0px;"
ClientIDMode="Static" OnClick="btnChapters_Click" runat="server" Text="Download">
<ContentTemplate>
<img src="Images/icon_excel.png" alt="Download" />
</ContentTemplate>
</telerik:RadButton>--%>
<asp:ImageButton Style="padding-right: 5px;" ImageUrl="~/Images/icon_excel.png" ToolTip="Print"
ID="btnChapters" runat="server" OnClientClick="ExcellDownload('chapter'); return false;"
ClientIDMode="Static" />
</div>
</td>
<td>
<div style="border-width: 0px;">
<asp:ImageButton ImageUrl="~/Images/printer.png" ToolTip="Print" ID="ibtnPrintChapters"
runat="server" OnClientClick="Print('chapter'); return false;" ClientIDMode="Static" />
</div>
</td>
</tr>
</table>
</div>
<%--<asp:Button ID="btnChapters" OnClientClick="Download('chapters'); return false;" runat="server" Text="Download" />--%>
<%-- <telerik:RadButton ID="btnChapters" runat="server" Text="Download"
onclick="btnChapters_Click"></telerik:RadButton>--%>
<div id='dvTableOfContents' style="padding-left: 7px; overflow-y: auto; max-height: 480px;">
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane6" Title="BookMarks" runat="server" Width="250" MinWidth="100"
OnClientUndocking="changecolor" DockOnOpen="true">
<table width="240px">
<tr>
<td width="70px">
<asp:TextBox ID="txtBookMarkName" ClientIDMode="Static" runat="server"></asp:TextBox>
</td>
<td align="left">
<asp:ImageButton ImageUrl="~/Images/save.png" ToolTip="save" ID="btnSaveBookMark"
runat="server" OnClientClick="SaveBookMarkDetails();" />
</td>
</tr>
</table>
<%-- <img src="Images/search_btn2.png" id="btnSaveBookMark" onclick="SaveBookMarkDetails();"
style="cursor: pointer;" />--%>
<div align="center" style="margin-bottom: -9px; padding-left: 151px;">
<table>
<tr>
<td>
<div style="border-width: 0px;">
<%--<telerik:RadButton ID="btnBookMarks" ToolTip="Download Excell" Style="border-width: 0px;
display: inline;" ClientIDMode="Static" OnClick="btnBookMarks_Click" runat="server"
Text="Download">
<ContentTemplate>
<img src="Images/icon_excel.png" alt="Download" />
</ContentTemplate>
</telerik:RadButton>--%>
<asp:ImageButton Style="padding-right: 5px;" ImageUrl="~/Images/icon_excel.png" ToolTip="Print"
ID="btnBookMarks" runat="server" OnClientClick="ExcellDownload('Bookmarks'); return false;"
ClientIDMode="Static" />
</div>
</td>
<td>
<div style="border-width: 0px;">
<asp:ImageButton ImageUrl="~/Images/printer.png" ToolTip="Print" ID="ibtnPrintBookMark"
runat="server" OnClientClick="Print('bookmark'); return false;" ClientIDMode="Static" />
</div>
</td>
</tr>
</table>
</div>
<%-- <telerik:RadButton ID="btnBookMarks" Height="25" Enabled="false" Width="35" runat="server" Image-IsBackgroundImage="true" Image-EnableImageButton="true" Image-DisabledImageUrl="~/Images/download.gif"
Image-ImageUrl="~/Images/download.gif"
onclick="btnBookMarks_Click"></telerik:RadButton>--%>
<%-- <asp:Button ID="btnBookMarks" OnClientClick="Download('bookmark'); return false;" runat="server" Text="Download" /> onclick="btnprintBookMark_Click"--%>
<div id='dvBookMarks' style="padding-left: 7px; overflow-y: auto; max-height: 400px;">
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="RadSlidingPane1" Title="Share Resources" runat="server"
OnClientUndocking="changecolor" Width="340" MinWidth="100" DockOnOpen="true">
<table>
<tr>
<td>
<table>
<tr>
<td>
Select PINS
</td>
<td>
<asp:DropDownList ID="ddlRegPins" ClientIDMode="Static" runat="server" onchange="PinUsersForSharing(this);">
</asp:DropDownList>
</td>
</tr>
</table>
<%-- <span style="padding-left: 4px;">Select PINs</span>
<div style="float: right; padding-right: 43px;">
<asp:DropDownList ID="ddlRegPins" runat="server" onchange="PinUsersForSharing(this);">
</asp:DropDownList>--%>
<%-- <img src="~/Images/Search_icon.png" id="Img1" runat="server" alt='Share Resource'
style="cursor: pointer;" /></div>--%>
</td>
</tr>
<tr>
<td colspan="2">
<asp:CheckBoxList ID="chkResourceType" ClientIDMode="Static" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Text="Highlights" Value="1"></asp:ListItem>
<asp:ListItem Text="BookMarks" Value="2"></asp:ListItem>
<asp:ListItem Text="Notes" Value="3"></asp:ListItem>
</asp:CheckBoxList>
</td>
</tr>
<tr>
<td>
<div id="divRegPinUsers" class="classhide">
</div>
</td>
</tr>
<tr>
<td align="center">
<img id="SaveSharing" title="Save" style="cursor: pointer;" src="Images/Share_button.png"
alt="Share source" height="25px" width="40px" onclick="Share(); return false;" />
<img id="btnUpdate" style="display: none;" src="Images/Update.png" title="Update"
alt="Update" height="25px" width="40px" onclick='Update(); return false;' />
<%-- <asp:Button ID="btnUpdate" ClientIDMode="Static" CssClass="button03" Style="display: none;"
OnClientClick="Update(); return false;" runat="server" Text="Update" />--%>
</td>
<td>
</td>
</tr>
<tr>
<td id="tdGrid" colspan="2">
<div id='divGridviewShared'>
</div>
</td>
</tr>
</table>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="SharingNotification" Title="Sharing Notifications" runat="server"
OnClientUndocking="changecolor" Width="250" MinWidth="100" DockOnOpen="true">
<table>
<tr>
<td style="color: Black; font-weight: bold;">
Received Notifications
</td>
</tr>
<tr>
<td id="rptToUsersNotify" style="padding-left: 7px; overflow-y: auto; max-height: 300px;">
</td>
</tr>
<tr>
<td id="tdtitle" style="font-family: Arial Black;">
</td>
</tr>
<tr>
<td id="tdShowNotifyData" style="padding-left: 7px; overflow-y: auto; max-height: 300px;">
</td>
</tr>
</table>
</telerik:RadSlidingPane>
</telerik:RadSlidingZone>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar1" runat="server">
</telerik:RadSplitBar>
<telerik:RadPane ID="MiddlePane" runat="server">
<div style="width: 100%; height:100%;">
<div id="documentViewer" style="position: relative; width: 100%; height: 100%">
</div>
</div>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar2" runat="server">
</telerik:RadSplitBar>
</telerik:radsplitter>
<div id="loadingmessage" style='display: none'>
<img id="imgWaitIcon" src="<%=Page.ResolveUrl("~/images/loading-bar-big.gif") %>"
alt="loading" align="middle" style="border-width: 0px;" />
</div>
</div>
<asp:HiddenField ID="H_BookID" ClientIDMode="Static" runat="server" />
<input type="hidden" runat="server" value="" id="hdnFilePath" />
<input type="hidden" runat="server" value="" id="hdnBookID" />
<input type="hidden" runat="server" value="" id="hdnPageID" />
<input type="hidden" clientidmode="Static" runat="server" value="" id="hdnActivePin" />
<input type="hidden" runat="server" value="" id="hdnSelectedValue" />
<input type="hidden" runat="server" value="-1" id="hdnThreadID" />
<input type="hidden" runat="server" value="" id="EditUserID" clientidmode="Static" />
<input type="hidden" runat="server" id="H_ToUserID" clientidmode="Static" />
<input type="hidden" id="hdnUserID" runat="server" />
<input type="hidden" id="hdnUserName" runat="server" />
<input type="hidden" id="H_Cid" runat="server" />
<input type="hidden" id="H_UserID" runat="server" />
</div>