[CLOSED] TabPanel Frame loading issue

  1. #1

    [CLOSED] TabPanel Frame loading issue

    We have a TabPanel which we use to load several pages in frame mode. The first tab contains some usercontrols to be loaded when the page is shown. Whenever we open the 2nd tab (OrganisatieTabLinks in the example) first, it becomes impossible to access any of the other tabs. It just shows the content of the 2nd tab. If we start on any other tab, everything works as expected. I suspect something goes wrong in the rendering phase, because when I check the HTTP requests the correct pages seem to be retrieved, they are just never rendered. We have this issue on alll our pages that use the TabPanel in a similar way as the code below:

    <ext:TabPanel ID="OrganisatieTabPanel" runat="server" ActiveTabIndex="0" border="false" BodyBorder="0">
        <Items>
            <ext:Panel ID="OrganisatieTabGegevens" runat="server" BodyPadding="6" Border="false">
                <Items>
                    <ext:Panel ID="PanelGegevensGegevens" runat="server" Border="false">
                        <Content>
                            <Organisatie:Gegevens runat="server" ID="OrganisatieGegevens" />
                        </Content>
                    </ext:Panel>
                    <ext:Panel ID="PanelGegevensForm" runat="server" Border="false">
                        <Content>
                            <Organisatie:Form runat="server" ID="OrganisatieForm" />
                        </Content>
                    </ext:Panel>
                </Items>
            </ext:Panel>
            <ext:Panel ID="OrganisatieTabLinks" runat="server" BodyPadding="6" Border="false" Height="500" OverflowX="Hidden" OverflowY="Hidden">
                <Loader ID="Loader2" runat="server" Url="~/Pages/UIOrganisatie/Links.aspx"  Mode="Frame">
                    <LoadMask ShowMask="true" />
                    <Params>
                        <ext:Parameter Mode="Raw" Name="id" Value="Horeca.getCurrentFrame().Horeca.state.current_organisation" />
                    </Params>
                </Loader>
            </ext:Panel>
            <ext:Panel ID="OrganisatieTabPersonen" runat="server" BodyPadding="6" Border="false" Height="500" OverflowX="Hidden" OverflowY="Hidden">
                <Loader ID="Loader3" runat="server" Url="~/Pages/UIOrganisatie/Personen.aspx"  Mode="Frame">
                    <LoadMask ShowMask="true" />
                    <Params>
                        <ext:Parameter Mode="Raw" Name="id" Value="Horeca.getCurrentFrame().Horeca.state.current_organisation" />
                    </Params>
                </Loader>
            </ext:Panel>
            <ext:Panel ID="OrganisatieTab50PlusBedrijf" runat="server" BodyPadding="6" Border="false">
                <Loader ID="Loader4" runat="server" Url="">
                    <LoadMask ShowMask="true" />
                </Loader>
            </ext:Panel>
            <ext:Panel ID="OrganisatieTabSpecialeOpleidingen" runat="server" BodyPadding="6" Border="false">
                <Loader ID="Loader5" runat="server" Url="">
                    <LoadMask ShowMask="true" />
                </Loader>
            </ext:Panel>
            <ext:Panel ID="OrganisatieTabPremies" runat="server" BodyPadding="6" Border="false">
                <Loader ID="Loader6" runat="server" Url="">
                    <LoadMask ShowMask="true" />
                </Loader>
            </ext:Panel>
            <ext:Panel ID="OrganisatieTabAcreditatie" runat="server" BodyPadding="6" Border="false">
                <Loader ID="Loader7" runat="server" Url="">
                    <LoadMask ShowMask="true" />
                </Loader>
            </ext:Panel>
            <ext:Panel ID="OrganisatieTabDiensten" runat="server" BodyPadding="6" Border="false">
                <Loader ID="Loader8" runat="server" Url="">
                    <LoadMask ShowMask="true" />
                </Loader>
            </ext:Panel>
            <ext:Panel ID="OrganisatieTabInteracties" runat="server" BodyPadding="6" Border="false">
                <Loader ID="Loader9" runat="server" Url="">
                    <LoadMask ShowMask="true" />
                </Loader>
            </ext:Panel>
            <ext:Panel ID="OrganisatieTabNotas" runat="server" BodyPadding="6" Border="false" Height="500" OverflowX="Hidden" OverflowY="Hidden">
                <Loader ID="Loader1" runat="server" Url="~/Pages/UIOrganisatie/Notas.aspx"  Mode="Frame">
                    <LoadMask ShowMask="true" />
                    <Params>
                        <ext:Parameter Mode="Raw" Name="id" Value="Horeca.getCurrentFrame().Horeca.state.current_organisation" />
                    </Params>
                </Loader>
            </ext:Panel>
        </Items>
    </ext:TabPanel>
    Last edited by Daniil; Nov 04, 2013 at 5:05 AM. Reason: [CLOSED]
  2. #2
    Hello,

    My guess is a JavaScript error is being thrown on the main page after the Tab is loaded. This might be causing the TabPanel to lockup.

    The code sample you provided does not demonstrate the problem, so I was unable to test.

    If you run the page in Firefox + Firebug, does a JavaScript error get thrown? any other messages in Firebug?
    Geoffrey McGill
    Founder
  3. #3
    Geoffrey,

    there are no js errors on the page.
    Short of posting ALL pages I don't see how i could provide more code.
    I could give you access to the website, maybe that could help? The site is private though, so I'll need a way to send you the credentials privately.
    The problem occurs on all pages where we use the TabPanel regardless of the page loaded in the "breaking"-tab.
    Can you think of anything in particular i should check?

    Thank you.
  4. #4
    Hello!

    You mean, if you open the second page you don't see other pages when you click on the tabs, and if open any other page except second it works fine?

    Try to change the position of second page and if it happens again the problem in your second page. In order to reproduce the issue, we need only the source code of this page.
  5. #5
    Hi @WDewispelaere,

    Quote Originally Posted by WDewispelaere View Post
    there are no js errors on the page.
    JavaScript errors can be silent. I mean without any popup alert message. What browser are you testing with?

    Quote Originally Posted by WDewispelaere View Post
    Short of posting ALL pages I don't see how i could provide more code.
    Well, we don't need all the code. We just need a test case to reproduce the problem. As simplified as possible. Here is a technique to simplify:
    How to prepare a sample

    Quote Originally Posted by WDewispelaere View Post
    I could give you access to the website, maybe that could help? The site is private though, so I'll need a way to send you the credentials privately.
    Our policy is to keep public as much as possible. It is very-very rare case when something cannot be resolved publicly.

    Quote Originally Posted by WDewispelaere View Post
    Can you think of anything in particular i should check?
    If you are loading an iframe, do you set up Mode="Frame" somewhere for these Loaders?
    <Loader ID="Loader4" runat="server" Url="">
  6. #6
    Dear sirs,

    thank you for the effort. I was able to track down the bug to a css setting. Somebody applied

     
    #Tab_By_ID {
        display: block !important;
    }
    to the tab, causing the other tabs to remain hidden behind this one.
    I will make sure the designer repsonsible is put in the company pillory and receives a thorough lashing.

Similar Threads

  1. [CLOSED] How NOT to show the loading mask for TabPanel?
    By vadym.f in forum 2.x Legacy Premium Help
    Replies: 9
    Last Post: Aug 07, 2013, 11:44 AM
  2. Replies: 3
    Last Post: Dec 12, 2012, 2:10 PM
  3. [CLOSED] MVC 3 [Razor] TabPanel Content Loading
    By dheeraj_us in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Sep 18, 2012, 7:22 PM
  4. [CLOSED] Re- loading a tabPanel through Js
    By jesperhp in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Dec 02, 2011, 7:15 AM
  5. [CLOSED] [1.0] Issuewith tabPanel border when frame=true
    By edigital in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Sep 09, 2010, 12:37 PM

Tags for this Thread

Posting Permissions