[CLOSED] Hiding/Showing tabs in TabPanel during DirectEvent

[jmcantrell]

I have a panel within a TabPanel that is hidden on the initial page load. During a DirectEvent, I'm trying to show this tab. I've tried changing the Visible and Hidden properties, but nothing seems to work.

How can I do this?

[Vladimir]

Hi,

Hidden tab is excluded from TabPanel therefore you have to readd it to TabPanel

JS code

TabPanel1.addTab(Tab2);

Please see the following sample (Tab6 and 'Show Tab6' button)
https://examples1.ext.net/#/TabPanel/Basic/Show_Hide/

[jmcantrell]

How would I do that from the serverside?

[Vladimir]

Hi,

Just register that script on the client side

TabPanel1.Call("addTab", new JRawValue(Tab2.ClientID))

[jmcantrell]

I'm getting this javascript error:

Error: 'hidden' is null or not an object

      <ext:TabPanel ID="Tabs" runat="server" Border="false">
            <Items>
                <ext:Panel ID="StuffPanel" runat="server" Title="Stuff">
                    <Content>
                        STUFF
                    </Content>
                </ext:Panel>
                <ext:Panel ID="AnotherPanel" runat="server" Title="Other Stuff" Hidden="true">
                    <Content>
                        THIS IS HIDDEN INITIALLY
                    </Content>
                </ext:Panel>
            </Items>
        </ext:TabPanel>

            Tabs.Call("addTab", New JRawValue(AnotherPanel.ClientID))

[geoffrey.mcgill]

Hi,

What is 'hidden'? Is that a function or property you are trying to set? or generated from Ext.NET?

Can you post a full code sample demonstrating the whole scenario? It's tough to tell what might be going wrong just based on those limited code snippets which do not show all the moving parts.

[jmcantrell]

'hidden' isn't anything that I've set. I have the Hidden attribute set on the panel, but that's all.

[geoffrey.mcgill]

'hidden' isn't anything that I've set. I have the Hidden attribute set on the panel, but that's all.

Ok, thanks for the update. We'll wait for your sample demonstrating how to reproduce.

[jmcantrell]

I think it may have been something within the tab that was causing that message. How can I make the tab appear at a specific spot in the tab bar? In the markup, it's positioned in the middle, but when calling addTab(), it's moved to the end.

[Vladimir]

Hi,

Second argument for the addTab method is index. Please see the sample which I mentioned before ('Show Tab3 at begin' button)