This issue is specific to IE 9 and does not happen in Chrome and Firefox,
Occasionally It happens once in a while in Opera.
There is a master page "M" with a AJAX script manager control.
In the content page a RadTabStrip control is used within the UpdatePanel.
Below is the declaration:
When the page is viewed in IE9, it has two issues
Chrome.jpg: Shows the correct view where the first tab shows the contents of onyl the first tab.
IE9.jpg: After displaying the contents of the first tab, the contents of the other tabs are shown below
Occasionally It happens once in a while in Opera.
There is a master page "M" with a AJAX script manager control.
In the content page a RadTabStrip control is used within the UpdatePanel.
Below is the declaration:
<
telerik:RadTabStrip
ID
=
"tlRetentionStrip"
runat
=
"server"
SelectedIndex
=
"0"
Skin
=
"WebBlue"
MultiPageID
=
"tlMultiPage"
>
<
Tabs
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Queue Details"
PageViewID
=
"tlPageQueueDetails"
Selected
=
"True"
Owner
=
"tlRetentionStrip"
>
</
telerik:RadTab
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Schedule: What does it run?"
PageViewID
=
"tlPageSchedule"
Owner
=
"tlRetentionStrip"
>
</
telerik:RadTab
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Lead Filters"
PageViewID
=
"tlPageFilters"
Owner
=
"tlRetentionStrip"
>
</
telerik:RadTab
>
</
Tabs
>
</
telerik:RadTabStrip
>
When the page is viewed in IE9, it has two issues
- It displays the tabs as bulleted list (not always but often)
- It displays the Tab contents one below another.
Chrome.jpg: Shows the correct view where the first tab shows the contents of onyl the first tab.
IE9.jpg: After displaying the contents of the first tab, the contents of the other tabs are shown below