Hi,
I recently upgraded some controls on an aspx page from <asp:DropDownList> to <telerik:RadDropDownList>. I am running a .NET 4.5 website and am referencing the 2013.3.1114.45 version of the Telerik dlls.
When I test out the new DropDownLists using Internet Explorer 11 the dropdownlists expand as expected when I navigate to the page from a browser that is not on the computer hosting the website. However, when I use an older version of Internet Explorer (I have used IE10, and IE8) OR when I use Internet Explorer 11 on the computer that is hosting th website, the dropdownlists don't expand. When clicked, they produce a grey line under the dropdown list, but don't actually expand.
I am binding the dropdown lists in the codebehind as follows:
ddlDF.Items.Clear() ddlDF.DataValueField = "Value"ddlDF.DataSource = AppShared.GetDF() ddlDF.DataBind() 'The Signature of the GetDF function is Shared Function GetDF() As ListItem()
This seems like it must be a pretty basic problem as I'm sure others have used the DropDownList successfully with the 2013.3.1114.45 version of the Telerik dlls in older browsers and browsers on the host machine.
I am attaching screenshots of the dropdownlists when they produce the grey line under them instead of expanding.
Please let me know if you can reproduce this problem or have seen it before
Thomas
4 Answers, 1 is accepted
Rank 1
From within Internet Explorer 8, if I open the F12 Developer Toolbar and have Browser Mode: IE8 and Document Mode: Quirks (Page Default) , the dropdownlists do not work.
However, if I go into IE8 F12 Developer Toolbar and change the Modes to "Browser Mode: IE8 and Document Mode: IE8 Standards" , the dropdownlists DO work in IE 8.
For Internet Explorer 10, if I have the Modes set to "Browser Mode: IE10 and Document Mode: Quirks", the DropDownLists DO work. However, for Internet Explorer 10, if I have the Modes set to "Browser Mode: IE10 Compat View and Document Mode: IE5 Quirks", the DropDownLists DO NOT work.
Why does the DropDownLIst not work in certein Document Modes? Is there a way to get the dropdownlist to work in all Internet Explorer Browser Modes AND Document Modes?
Rank 1
Rank 1
We had to undo our upgrade to the newer telerik version and refrain from using the newer telerik controls like dropdowntree
We have an ASP.NET webforms application that has the following tag in the .master page
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
When you remove that tag, quirks mode is not enforced and the newer telerik controls work. Unfortunately, our site becomes very unpleasent to look at if we don't have quirks mode turned on.
For a page to be in Quirks mode by default it means that the doctype is not set or if it's set it's not a valid one.
You can check the list of valid doctypes here -- http://www.w3.org/QA/2002/04/valid-dtd-list.html and depending on your project I would suggest XHTML 1.0 transitional or HTML 4.01 transitional. (minor difference really)
// XHTML 1.0 transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
// Or alternatively HTML 4.01 transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Try setting the doctype to XHTML 1 and test again.
Regards,
Ivan Zhekov
Telerik