Hi there everyone, i have the following RadComboBox setup:
With the following custom CSS:
Everything works great in all browsers except for IE, specifically IE 9... I am unable to click on any items in the dropdown box, almost as if there is a Zindex issue of some sort.
I have v.2011.3.1115.40 (Trial) installed.
Am i missing something that will make the items clickable in IE??
Any help would be great! Thanks,
Duncan
<
div
class
=
"input"
>
<
telerik:RadComboBox
runat
=
"server"
ID
=
"radComboBox"
AutoPostBack
=
"true"
Width
=
"394px"
EnableEmbeddedBaseStylesheet
=
"False"
EnableEmbeddedSkins
=
"False"
EnableTheming
=
"False"
ItemsPerRequest
=
"10"
MarkFirstMatch
=
"True"
ShowMoreResultsBox
=
"True"
ShowToggleImage
=
"False"
EmptyMessage
=
"Search Profiles"
DropDownCssClass
=
"input-drop"
Filter
=
"Contains"
DropDownWidth
=
"394px"
EnableAutomaticLoadOnDemand
=
"True"
EnableLoadOnDemand
=
"True"
Height
=
"181px"
OffsetX
=
"-38"
OffsetY
=
"8"
ShowDropDownOnTextboxClick
=
"False"
DataTextField
=
"Text"
DataValueField
=
"Value"
EnableTextSelection
=
"False"
NoWrap
=
"True"
>
</
telerik:RadComboBox
>
</
div
>
With the following custom CSS:
.input {
background-image
:
url
(images/search-input-header.png);
background-repeat
:
no-repeat
;
background-position
:
left
top
;
height
:
33px
;
width
:
374px
;
float
:
left
;
padding
:
10px
;
}
.input .rcbInput {
border-top-style
:
none
;
border-right-style
:
none
;
border-bottom-style
:
none
;
border-left-style
:
none
;
line-height
:
29px
;
height
:
29px
;
width
:
374px
;
background-color
:
#F2FAFF
;
font-family
:
'PT Sans'
,
sans-serif
,
Arial
,
Helvetica
;
font-size
:
24px
;
font-weight
:
bold
;
color
:
#1F80BC
;
}
.input .rcbEmptyMessage {
font-family
:
'PT Sans'
,
sans-serif
,
Arial
,
Helvetica
;
font-size
:
24px
;
font-weight
:
bold
;
color
:
#d0e9f9
;
}
.input .rcbArrowCellHidden {
display
:
none
;
}
.input-drop {
height
:
106px
;
width
:
374px
;
background-image
:
url
(images/search-dropdown-header.png);
background-repeat
:
no-repeat
;
background-position
:
0px
0px
;
overflow
:
hidden
;
padding
:
10px
;
margin-top
:
5px
;
margin-left
:
29px
;
z-index
:
6001
;
}
.input-drop .rcbItem,
.input-drop .rcbHovered
{
float
:
left
;
overflow
:
hidden
;
width
:
175px
;
font-family
:
'PT Sans'
,
sans-serif
,
Arial
,
Helvetica
;
font-size
:
18px
;
font-weight
:
normal
;
color
:
#80CDF2
;
text-decoration
:
none
;
line-height
:
22px
;
height
:
22px
;
cursor
:
pointer
;
}
.input-drop .rcbItem em,
.input-drop .rcbHovered em
{
color
:
#1F80BC
;
font-style
:
normal
;
font-weight
:
bold
;
}
Everything works great in all browsers except for IE, specifically IE 9... I am unable to click on any items in the dropdown box, almost as if there is a Zindex issue of some sort.
I have v.2011.3.1115.40 (Trial) installed.
Am i missing something that will make the items clickable in IE??
Any help would be great! Thanks,
Duncan