Bug on IE 9

6 posts, 0 answers
  1. Ulysses
    Ulysses avatar
    7 posts
    Member since:
    Jun 2010

    Posted 26 Dec 2011 Link to this post

    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>
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 27 Dec 2011 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Imran
    Imran avatar
    25 posts
    Member since:
    Mar 2009

    Posted 08 Jan 2012 Link to this post

    Having same problem here.

    I am using latest version.

    Imran
  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 11 Jan 2012 Link to this post

    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
  6. Ulysses
    Ulysses avatar
    7 posts
    Member since:
    Jun 2010

    Posted 16 Jan 2012 Link to this post

    I updated using Q3 SP1 but to no avail. The problem still there.
  7. Kaushal
    Kaushal avatar
    47 posts
    Member since:
    Sep 2010

    Posted 18 Jan 2012 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017