We are using Telerik Dropdownllist in one of our Asp.Net application.
Issue is that when we click on the dropdownlist which is on the bottom of the page, the expanded 'tray' of that raddropdownlist seems to detached from the dropdownlist and appears to the top of the page. Dropdownlist and expanded tray are far apart.
Attached screenshots which will be more clear for you regarding the scenario.
Any idea, what's going wrong here ?
Visual Studio 2008 / .Net Framework 3.5
Finally somehow I done 'patch' fix by adding these properties for raddrownlist -
But I know it is not a permanent solution. Only the depth of difference is far reduced. Any permanent solution ?
Attachments:-
1) & 2) screenshots (Click to view it in original size)
3) Some of the relevant portion of this ASPX Page. You can see the <telerik:RadComboBox ID="uxRadComboAgent2" there
Hope it is clear
Raj
Issue is that when we click on the dropdownlist which is on the bottom of the page, the expanded 'tray' of that raddropdownlist seems to detached from the dropdownlist and appears to the top of the page. Dropdownlist and expanded tray are far apart.
Attached screenshots which will be more clear for you regarding the scenario.
Any idea, what's going wrong here ?
Visual Studio 2008 / .Net Framework 3.5
Finally somehow I done 'patch' fix by adding these properties for raddrownlist -
OffsetX
="-2" OffsetY="-657"
But I know it is not a permanent solution. Only the depth of difference is far reduced. Any permanent solution ?
Attachments:-
1) & 2) screenshots (Click to view it in original size)
3) Some of the relevant portion of this ASPX Page. You can see the <telerik:RadComboBox ID="uxRadComboAgent2" there
<!-- TOP PART OF THE ASPX PAGE --> <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MApplicationManifestData.aspx.cs" MaintainScrollPositionOnPostback="true" Inherits="MDXIAS.Applications.MApplicationManifestData1" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" 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"> ....................... <body> <form id="MAppManifestDatafrm" runat="server"> <telerik:RadScriptManager ID="RdScptMgrMAppManifestData" EnablePartialRendering="true" AsyncPostBackTimeout="36000" runat="server"> </telerik:RadScriptManager> <telerik:RadStyleSheetManager ID="RdStyMgrMgrMAppManifestData" EnableStyleSheetCombine="true" runat="server"> </telerik:RadStyleSheetManager> <div class="contentcontainer"> <table style="width: 95%"> <tr style="height: 400px;"> <td> <fieldset style="width: 100%; height: 100%"> <div style="overflow: auto; height: 100%; width: 99%" id="Div1" runat="server"> .......................... <tr> <td colspan="7"> <asp:UpdatePanel ID="uPnlAgentDetails" runat="server" UpdateMode="Conditional"> <ContentTemplate> <fieldset style="height:50px; width:100%; vertical-align:middle; text-align:center;"> <legend>Agent Details</legend> <table border="0" cellspacing="2" cellpadding="3" style="width: 100%;"> <tr> <td class="datatext" style="width: 25%;"> Agent Name </td> <td class="datafield" colspan="3"> <telerik:RadComboBox ID="uxRadComboAgent2" runat="server" Width="250px" Height="250px" EmptyMessage="Select a Agent" EnableLoadOnDemand="true" ShowMoreResultsBox="true" OnItemsRequested="uxRadComboAgent2_ItemsRequested" EnableVirtualScrolling="true" > </telerik:RadComboBox> </td> </tr> <tr> <td class="datafield TDWidth15"> <asp:TextBox runat="server" ID="uxAgentCode2" Visible="false" /> </td> </tr> </table> </fieldset> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="uxRadComboAgent2" EventName="ItemsRequested" /> </Triggers> </asp:UpdatePanel> </td> </tr>
Hope it is clear
Raj