Hi, I'm having strange issue, which I don't know how to resolve.
I have 3 panels on my page: left, middle and right
On left there are combo with filters (rad combo ones), ajaxified with following way:
Evewrything is working like a charm when I'm using firefox, chrome or IE 9. The problem starts with IE8. After search on left panel, everything is displayed but combo is loosing its items. It is not happening if I'm not using ajax. Without ajax everything is working exept it it is no ajaxified. I'm filling values from database on page_load:
On the beginning I thought it is related to not filling value if this is postback, but removing this check not helping. It is really strange because all comboboxes on such page are stopping working on IE.
I looked to the page code using F12 on IE 8, and it s look like whole section for drop down is such case is missing.
Do you have any advice?
I just notice that this happen on all my comboboxes with website. If there is any ajax request e.g. through the ajaxpanel, combobox dropdown disapears in IE 8.
I'm using version: 2011.1.413.40
Update
I think I know what it is: I'm having folloing peace of code i master page in head section:
which contains following css:
When this is section is added it is causing problems on IE 8. (IE 7 compatibility is working). When removed IE 8 is working... but other browsers have issue related to this css fix. :(
Update 2
Even removing this sentense from css won't help. Problem is on master page conditional statement. Only removing from master page helps.
I have 3 panels on my page: left, middle and right
On left there are combo with filters (rad combo ones), ajaxified with following way:
<
telerik:RadAjaxManagerProxy
ID
=
"rAjaxManagerProxy"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"left"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"left"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"middle"
LoadingPanelID
=
"ralMain"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"middle"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"middle"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"right"
LoadingPanelID
=
"ralMain"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManagerProxy
>
protected void Page_Load(object sender, EventArgs e)
{
if (this.IsPostBack)
{
return;
}
this.rcbIndustry.DataSource = GetIndustries();
this.rcbIndustry.DataBind();
this.rcbIndustry.Items.Insert(0, new RadComboBoxItem());
this.rcbCustomer.DataSource = GetCustomers();
this.rcbCustomer.DataBind();
this.rcbCustomer.Items.Insert(0, new RadComboBoxItem());
}
On the beginning I thought it is related to not filling value if this is postback, but removing this check not helping. It is really strange because all comboboxes on such page are stopping working on IE.
I looked to the page code using F12 on IE 8, and it s look like whole section for drop down is such case is missing.
Do you have any advice?
I just notice that this happen on all my comboboxes with website. If there is any ajax request e.g. through the ajaxpanel, combobox dropdown disapears in IE 8.
I'm using version: 2011.1.413.40
Update
I think I know what it is: I'm having folloing peace of code i master page in head section:
<!--[if !IE]>-->
<
link
href
=
"Non-IE_themes/Telerik_nonIE.css"
rel
=
"stylesheet"
type
=
"text/css"
/>
<!--<![endif]-->
<!--[if gte IE 9]>
<
link
href
=
"Non-IE_themes/Telerik_nonIE.css"
rel
=
"stylesheet"
type
=
"text/css"
/>
<![endif]-->
which contains following css:
.RadComboBoxDropDown .rcbScroll
{
height: 100% !important;
max-height: 300px;
}
When this is section is added it is causing problems on IE 8. (IE 7 compatibility is working). When removed IE 8 is working... but other browsers have issue related to this css fix. :(
Update 2
Even removing this sentense from css won't help. Problem is on master page conditional statement. Only removing from master page helps.