Avatar of Rajkumar Gs
Rajkumar GsFlag for India

asked on 

Telerik RadComboBox expanded far apart from the control !! (GUI Issue)

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

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

If you could help us, it will be great!
Raj
<!-- 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>

Open in new window

RadDropdownlist-01.JPG
RadDropdownlist-02.JPG
ASP.NET.NET ProgrammingC#

Avatar of undefined
Last Comment
Rajkumar Gs
Avatar of tn-vadimc
tn-vadimc
Flag of Belgium image

Have you tried setting the EnableScreenBoundaryDetection property to "false" and ExpandDirection property to “Down"?
Avatar of Rajkumar Gs
Rajkumar Gs
Flag of India image

ASKER

Thanks for your suggestion.

When I set EnableScreenBoundaryDetection="false" for that Telerik Dropdownlist, a difference is there!
The expanded tray appeared some more near to the dropdownlist! But even now it is 'far away'.

Property named 'ExpandDirection' is not found for Telerik Dropdownlist. So instead I tried
ExpandAnimation-Type="OutBack"  - no result

Can you tell me which property will do the down animation ?
Raj

ASKER CERTIFIED SOLUTION
Avatar of Rajkumar Gs
Rajkumar Gs
Flag of India image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of tn-vadimc
tn-vadimc
Flag of Belgium image

The ExpandDirection property is available since 2010.2.713

You can try to upgrade, the new version is 2010.2.826 or try it first with a trial version:
http://www.telerik.com/download.aspx
Avatar of Rajkumar Gs
Rajkumar Gs
Flag of India image

ASKER

Thanks vadimc.

But upgradation of Telerik is beyond me. It's my company or client purchased this tool.

When I created a new page with the same Telerik Dropdownlist control, it is working fine without showing this 'misbehaviour'.

So I think something else may be the cause of this issue.
Raj
.NET Programming
.NET Programming

The .NET Framework is not specific to any one programming language; rather, it includes a library of functions that allows developers to rapidly build applications. Several supported languages include C#, VB.NET, C++ or ASP.NET.

137K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo