Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

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

Posted on 2010-09-06
5
Medium Priority
?
2,448 Views
Last Modified: 2012-05-10
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
0
Comment
Question by:Rajkumar Gs
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 2

Expert Comment

by:tn-vadimc
ID: 33612448
Have you tried setting the EnableScreenBoundaryDetection property to "false" and ExpandDirection property to “Down"?
0
 
LVL 23

Author Comment

by:Rajkumar Gs
ID: 33615823
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

0
 
LVL 23

Accepted Solution

by:
Rajkumar Gs earned 0 total points
ID: 33616413
When I add these properties for telerik dropdownlist ( OffsetX="-2" OffsetY="-657"  )
seems to be fixed. But it is not a permanent solution. If we scroll, again will have the same issue. tray will detach from dropdownlist. But not far away as it was before.

Telerik version I am using is 2008.2.826.35

Any permanent solution ?

Raj
0
 
LVL 2

Expert Comment

by:tn-vadimc
ID: 33616736
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
0
 
LVL 23

Author Comment

by:Rajkumar Gs
ID: 33617408
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
0

Featured Post

What is a Denial of Service (DoS)?

A DoS is a malicious attempt to prevent the normal operation of a computer system. You may frequently see the terms 'DDoS' (Distributed Denial of Service) and 'DoS' used interchangeably, but there are some subtle differences.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Just a quick little trick I learned recently.  Now that I'm using jQuery with abandon in my asp.net applications, I have grown tired of the following syntax:      (CODE) I suppose it just offends my sense of decency to put inline VBScript on a…
Calculating holidays and working days is a function that is often needed yet it is not one found within the Framework. This article presents one approach to building a working-day calculator for use in .NET.
In this video, Percona Solution Engineer Dimitri Vanoverbeke discusses why you want to use at least three nodes in a database cluster. To discuss how Percona Consulting can help with your design and architecture needs for your database and infras…
In this video, Percona Director of Solution Engineering Jon Tobin discusses the function and features of Percona Server for MongoDB. How Percona can help Percona can help you determine if Percona Server for MongoDB is the right solution for …

704 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question