[CLOSED] How to hide Tab bar in TabPanel if only 1 tab

[kwcitadmin]

How to hide Tab bar in TabPanel if only 1 tab

[Daniil]

Hi @kwcitadmin,

Please clarify do you add and remove tabs on the fly or everything is configured initially?

[kwcitadmin]

everything is configured initially

[Daniil]

If so, it is best to switch a TabPanel to a common Panel with FitLayout if there is the only tab.

[kwcitadmin]

like this ?

tabPanel = new Panel() ?

any example?

[Baidaly]

It depends on where do you create your Panel.

In markup:

<ext:Panel 
	runat="server" 
        Layout="Fit">
	...
</ext:Panel>

In Code-Behind:

var panel = new Ext.Net.Panel()
{
    Layout = "Fit"
};

[kwcitadmin]

like this?

        <ext:Viewport ID="mainView" runat="server" Layout="BorderLayout">
            <Items>
                <ext:TabPanel ID="tabPanel" runat="server" Region="Center" Border="false" TabMenuHidden="true">
                    <Items>
                    </Items>
                </ext:TabPanel>
                <ext:Panel ID="singlePanel" runat="server" Region="Center" Layout="FitLayout" Hidden="true">
                    <Items>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>

[Baidaly]

like this?

        <ext:Viewport ID="mainView" runat="server" Layout="BorderLayout">
            <Items>
                <ext:TabPanel ID="tabPanel" runat="server" Region="Center" Border="false" TabMenuHidden="true">
                    <Items>
                    </Items>
                </ext:TabPanel>
                <ext:Panel ID="singlePanel" runat="server" Region="Center" Layout="FitLayout" Hidden="true">
                    <Items>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>

You cannot have two Containers with Region="Center". If understood you correctly you need something like this:

<ext:Viewport ID="mainView" runat="server" Layout="BorderLayout">
	<Items>
		<ext:Panel ID="singlePanel" runat="server" Region="Center" Layout="FitLayout" Hidden="true">
			<Items>
			</Items>
		</ext:Panel>
	</Items>
</ext:Viewport>

If it's not what you need provide more details and scenario.

[Daniil]

You should use a Panel instead of a TabPanel if there is the only tab, but not both together.

[kwcitadmin]

Dear Support,

I am sorry to confuse you. It is a dynamic interface

page load :

var items = getItemsFromDB();
for each(var i in items) {
addtab(tabPanel, i);
}

if (items.length == 1)
hidetabbar(tabPanel)

I am coding to do something like above code segment