This is a migrated thread and some comments may be shown as answers.

Bug on IE 9

5 Answers 60 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Ulysses
Top achievements
Rank 1
Ulysses asked on 26 Dec 2011, 09:54 AM
When viewed on IE9; contents of all pageviews will be shown in selected index at once.
But when tab is click; corresponding pageview will behave normally..

Note: Tabstrip is within custom control used inside RadGrid.

---- Code below ----

<
telerik:RadTabStrip runat="server" ID="tabStripDetails" SelectedIndex="0" MultiPageID="radMultipage">
        <Tabs>
            <telerik:RadTab runat="server" id="tabPersonal" PageViewID="viewPersonal" Text="Personal Details">
            </telerik:RadTab>
            <telerik:RadTab runat="server" id="tabEducation"  PageViewID="viewEducation" Text="Educational Background">
            </telerik:RadTab>
            <telerik:RadTab runat="server" id="tabEmployment" PageViewID="viewEmployment" Text="Employment Details">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>
 <telerik:RadMultiPage runat="server" ID="radMultipage" SelectedIndex="0">
        <telerik:RadPageView ID="viewPersonal" runat="server">
            <div style="border: 1px solid #828282; margin-top: -1px; display: block; background: #ffffff">
                Content #1 Goes Here
            </div>
        </telerik:RadPageView>
        <telerik:RadPageView ID="viewEducation" runat="server">
            <div style="border: 1px solid #828282; margin-top: -1px; display: block; background: #ffffff">
                Content #2 Goes Here
            </div>
        </telerik:RadPageView>
        <telerik:RadPageView ID="viewEmployment" runat="server">
            <div style="border: 1px solid #828282; margin-top: -1px; display: block; background: #ffffff">
                Content #3 Goes Here
            </div>
        </telerik:RadPageView>
    </telerik:RadMultiPage>

5 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 27 Dec 2011, 01:42 PM
Hello Ulysses,

I am not sure which version of the Telerik controls that you are using. IE 9, FireFox 4 and Google Chrome10 are supported by controls starting Q1 2011. If you would like to ensure that our AJAX controls are compatible with the new major versions of these three browsers, you will need to migrate at least to version 2011.1.315. With older versions these browsers are only partially supported.
Updating RadControls for ASP.NET AJAX to another version or license.

Thanks,
Shinu.
0
Imran
Top achievements
Rank 1
answered on 09 Jan 2012, 04:47 AM
Having same problem here.

I am using latest version.

Imran
0
Kate
Telerik team
answered on 11 Jan 2012, 05:29 PM
Hello Imran,

Please take a look at this forum post where I have just answered your question:
http://www.telerik.com/community/forums/aspnet-ajax/tabstrip/pages-not-displaying-properly.aspx

All the best,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
0
Ulysses
Top achievements
Rank 1
answered on 16 Jan 2012, 07:55 AM
I updated using Q3 SP1 but to no avail. The problem still there.
0
Kaushal
Top achievements
Rank 1
answered on 18 Jan 2012, 03:58 PM
Hi,

I am also facing same problem with Q3 SP1 release. o avoid this situation temporary place one more RadTabStrip control with RadTab Height="0" in your content page anywhere. It will override the skin and your radtabstrip skin will work perfectly as before.

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<!-- Un Used Tab Strip to apply skinning forcefully inside the grid. -->
    <telerik:RadTabStrip ID="rgTabs123" runat="server" MultiPageID="rd123" SelectedIndex="0"
        Align="Justify" ReorderTabsOnSelect="true" CausesValidation="false" Skin="Office2007"
        EnableEmbeddedScripts="true" EnableEmbeddedSkins="true">
        <Tabs>
            <telerik:RadTab Text="">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>
    <telerik:RadMultiPage ID="rd123" runat="server" SelectedIndex="0" BorderWidth="0"
        BorderStyle="Solid" BorderColor="#9EBFDB">
        <telerik:RadPageView ID="rd456" runat="server" BorderWidth="1" BorderColor="#9EBFDB">
        </telerik:RadPageView>
    </telerik:RadMultiPage>
    <!-- End Un Used Tab Strip to apply skinning forcefully inside the grid. -->
 <!-- Your RadGrid Starts here -->
      <!-- Your RadTabStrip Starts here -->
      <!-- End Your RadTabStrip Starts here -->
 <!-- End Your RadGrid Starts here -->
</asp:Content>

But this is not proper solution. This is for temporary to avoid current situation.

Regards,

Kaushal Jani
Tags
TabStrip
Asked by
Ulysses
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Imran
Top achievements
Rank 1
Kate
Telerik team
Ulysses
Top achievements
Rank 1
Kaushal
Top achievements
Rank 1
Share this question
or