This is a migrated thread and some comments may be shown as answers.

Rad ComboBox Dropdown is not showing properly.

8 Answers 651 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
$hekh@r d-Ziner
Top achievements
Rank 2
$hekh@r d-Ziner asked on 14 Jul 2010, 07:20 AM
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.

8 Answers, 1 is accepted

Sort by
0
WebDevIce9
Top achievements
Rank 1
answered on 22 Jul 2010, 07:24 PM
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. 
0
WebDevIce9
Top achievements
Rank 1
answered on 23 Jul 2010, 02:06 AM
*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>

0
$hekh@r d-Ziner
Top achievements
Rank 2
answered on 26 Jul 2010, 06:52 AM
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.
0
Susan Hessler
Top achievements
Rank 1
answered on 11 Oct 2010, 07:00 PM
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.
0
Jeanne Kornkven
Top achievements
Rank 1
answered on 03 Mar 2011, 09:45 PM
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

 

 

 

 

}

 

 

0
$hekh@r d-Ziner
Top achievements
Rank 2
answered on 04 Mar 2011, 08:03 AM
Hi Jeanne Kornkven,

Thank you for what?
0
Jeanne Kornkven
Top achievements
Rank 1
answered on 04 Mar 2011, 04:04 PM
Webdevice9 solved my problem with the solution he posted here.
0
Abhay
Top achievements
Rank 1
answered on 09 Mar 2011, 12:43 PM
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.
Tags
ComboBox
Asked by
$hekh@r d-Ziner
Top achievements
Rank 2
Answers by
WebDevIce9
Top achievements
Rank 1
$hekh@r d-Ziner
Top achievements
Rank 2
Susan Hessler
Top achievements
Rank 1
Jeanne Kornkven
Top achievements
Rank 1
Abhay
Top achievements
Rank 1
Share this question
or