Rad ComboBox Dropdown is not showing properly.

9 posts, 0 answers
  1. $hekh@r d-Ziner
    $hekh@r d-Ziner avatar
    12 posts
    Member since:
    Mar 2010

    Posted 14 Jul 2010 Link to this post

    Hello everybody,

    I have used Rad ComboBox is my application. its dropdown is showing correctly in Firefox, but not correctly in IE. Also its position is different in different devices. All devices Firefox works well.

    Plz have a look at image & suggest me best to solve this.
    waiting response.
  2. WebDevIce9
    WebDevIce9 avatar
    24 posts
    Member since:
    Sep 2012

    Posted 22 Jul 2010 Link to this post

    I have the same issue. There must be 10 different posts on this topic here in the forums and it seems like the Telerik support team is doing nothing about it. 
  3. WebDevIce9
    WebDevIce9 avatar
    24 posts
    Member since:
    Sep 2012

    Posted 22 Jul 2010 Link to this post

    *Solution*

    The Rad combobox uses javascript to calculate the position of a div with the id of rcbSlide. So, it makes this calc based on the outmost div it is contained in. If that outermost div on your page or master page is position=absolute and there other style adjusting left/right etc... it will jack up the calculation and position the dropdown OFF by whatever is in your left/right css style setting.  Below you will see the css I commented out on the master pages outer most div. You will also see my new code (uncommented). It now takes the default position (which is relative) and adjusts the margins dynamically for a more liquid window WITHOUT the radcombobox dropdown going off into la la land. SHORT ANSWER: get rid of position: absolute in your outer most div's css. Then try to duplicate your window's liquid style differently.

    /* outermost div */
    #wrapper
    width: 978px;
    /*
    position: absolute;
    top: 40px; 
    left: 50%;
    width: 978px;
    margin-left:-480px;
    margin-top: 0px;
    */
    margin-left:auto;
    margin-right:auto;
    background-color: #f8f4f1;
    border: solid 2px #371a00;
    }

    On a side note you can overwrite any style for the drop down list with this type of functionality in your page or css. Not sure why you would want to, but hey it's a tool you may need. 

    <style type ="text/css">
    .rcbSlide 
    {
    position:aboslute !important;
    left:50px !important;
    }
    .rcbList
    {
    }
    </style>

  4. $hekh@r d-Ziner
    $hekh@r d-Ziner avatar
    12 posts
    Member since:
    Mar 2010

    Posted 26 Jul 2010 Link to this post

    Hello WebDevIce9,

    I have already tried with overriding .rcbSlice, It worked fine on Firefox everywhere. But in IE, at 1280x768 resolution it works fine. While on other monitors like in SAMSUNG/HP etc it does not worked. Also different resolution is having different position for .rcbSlide.

    Looking for further discussion.
  5. Susan Hessler
    Susan Hessler avatar
    13 posts
    Member since:
    May 2006

    Posted 11 Oct 2010 Link to this post

    I removed all the position=absolute and dropdown still not showing values.  Any other ideas?

    Also, my issue is slightly different...  My dropdown shows up fine in FireFox but doesn't show up at all in IE.  All I get when I click on the dropdown is a darker line at the bottom where the dropdown should appear.  I am able to verify that the data is in the control by clicking the up and down arrows to scroll through the values.  I've also removed all references to a stylesheet and removed all styles, and that didn't help.  My IE version is 8.
  6. Jeanne Kornkven
    Jeanne Kornkven avatar
    14 posts
    Member since:
    May 2008

    Posted 03 Mar 2011 Link to this post

    Thank you, thank you, thank you!

    My RadComboBoxes are in an ascx user control, which is in a content page.  Using IE7.  All was well until the application opened up an new window for Excel.  Then the dropdowns floated away down the page, and under the grid beneath the user control.  Old vs. new shown below:


    .divHeaderCtl

    {
    /* overflow: auto;
    position: relative; 

    height: 132px; 

     

    width: 100%; 

     

    background-color: #FFFFFF; 

     

    text-align: left;*/

     

     

    height: 132px;

     

    width: 100%

     

    margin-left:auto; 

     

     

     

    margin-right:auto; 

     

     

     

    background-color: #FFFFFF;

     

    text-align: left

     

     

     

     

    }

     

     

  7. $hekh@r d-Ziner
    $hekh@r d-Ziner avatar
    12 posts
    Member since:
    Mar 2010

    Posted 04 Mar 2011 Link to this post

    Hi Jeanne Kornkven,

    Thank you for what?
  8. Jeanne Kornkven
    Jeanne Kornkven avatar
    14 posts
    Member since:
    May 2008

    Posted 04 Mar 2011 Link to this post

    Webdevice9 solved my problem with the solution he posted here.
  9. Abhay
    Abhay avatar
    5 posts
    Member since:
    Nov 2010

    Posted 09 Mar 2011 Link to this post

    Is there any other solution to overcome this problem, I am also facing same problem my dropdown menu moves through out the application when we scrol screen.
Back to Top