Hi all,
Not sure if anyone has experienced this issue. I have two filter control that based on RadCombobox. Everything works fine in IE9/10 until IE11 comes along. Users are reporting that when click on "Select all", the combobox collapse instead of select/unselect all options.
Is there any difference between IE11 and IE10 for RadCombobox to react different? How can I mitigate this issue when my user base primarily use latest IE browser?
Jim
--
Here is my code for initialize the filters, which are separated as partial view controls.
SearchFilter.ascx
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<asp:Label ID="Label1" runat="server" Text="Label" cssclass ="filterControl">Product Team</asp:Label>
<telerik:RadComboBox ID="ddclProductGroup" runat="server" dropdownautowidth="Enabled" OnItemDataBound="ComboBoxItemBound" EmptyMessage="Select Product Groups"
CheckBoxes="true" EnableCheckAllItemsCheckBox="true" CheckedItemsTexts="DisplayAllInInput" cssclass ="filterControl">
<Localization AllItemsCheckedString="Select All" CheckAllString="Select All" />
</telerik:RadComboBox>
<asp:Label ID="Label2" runat="server" Text="Label" cssclass ="filterControl">Office Version</asp:Label>
<telerik:RadComboBox ID="ddclOfficeVersion" runat="server" dropdownautowidth="Enabled" OnItemDataBound="ComboBoxItemBound" EmptyMessage="Select Office Versions"
CheckBoxes="true" EnableCheckAllItemsCheckBox="true" CheckedItemsTexts="DisplayAllInInput" cssclass ="filterControl">
<Localization AllItemsCheckedString="Select All" CheckAllString="Select All" />
</telerik:RadComboBox>
<asp:Button ID="btnQuery" runat="server" Text="Apply" OnClick="btnQuery_Click" cssclass ="filterControl" />
ComboboxItemBound
protected void ComboBoxItemBound(object sender, RadComboBoxItemEventArgs e)
{
e.Item.Checked = true; //make dropdown checkboxes all selected
var cbox = ((RadComboBox)sender);
int MaxWidth = 155;
foreach (RadComboBoxItem item in cbox.Items)
{
int Width = TextWidth(item.Text);
if (Width > MaxWidth)
{
MaxWidth = Width;
}
}
cbox.DropDownWidth = new Unit(MaxWidth);
}
Not sure if anyone has experienced this issue. I have two filter control that based on RadCombobox. Everything works fine in IE9/10 until IE11 comes along. Users are reporting that when click on "Select all", the combobox collapse instead of select/unselect all options.
Is there any difference between IE11 and IE10 for RadCombobox to react different? How can I mitigate this issue when my user base primarily use latest IE browser?
Jim
--
Here is my code for initialize the filters, which are separated as partial view controls.
SearchFilter.ascx
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<asp:Label ID="Label1" runat="server" Text="Label" cssclass ="filterControl">Product Team</asp:Label>
<telerik:RadComboBox ID="ddclProductGroup" runat="server" dropdownautowidth="Enabled" OnItemDataBound="ComboBoxItemBound" EmptyMessage="Select Product Groups"
CheckBoxes="true" EnableCheckAllItemsCheckBox="true" CheckedItemsTexts="DisplayAllInInput" cssclass ="filterControl">
<Localization AllItemsCheckedString="Select All" CheckAllString="Select All" />
</telerik:RadComboBox>
<asp:Label ID="Label2" runat="server" Text="Label" cssclass ="filterControl">Office Version</asp:Label>
<telerik:RadComboBox ID="ddclOfficeVersion" runat="server" dropdownautowidth="Enabled" OnItemDataBound="ComboBoxItemBound" EmptyMessage="Select Office Versions"
CheckBoxes="true" EnableCheckAllItemsCheckBox="true" CheckedItemsTexts="DisplayAllInInput" cssclass ="filterControl">
<Localization AllItemsCheckedString="Select All" CheckAllString="Select All" />
</telerik:RadComboBox>
<asp:Button ID="btnQuery" runat="server" Text="Apply" OnClick="btnQuery_Click" cssclass ="filterControl" />
ComboboxItemBound
protected void ComboBoxItemBound(object sender, RadComboBoxItemEventArgs e)
{
e.Item.Checked = true; //make dropdown checkboxes all selected
var cbox = ((RadComboBox)sender);
int MaxWidth = 155;
foreach (RadComboBoxItem item in cbox.Items)
{
int Width = TextWidth(item.Text);
if (Width > MaxWidth)
{
MaxWidth = Width;
}
}
cbox.DropDownWidth = new Unit(MaxWidth);
}