[CLOSED] Issues in Tab Control

[Etisbew]

I am having few questions on Tab control

1) How to give relative path in the Tab URL, i am trying to give the path as URL="../Default2.aspx " but I am not able to get that page. I am getting the page when I set absolute path which is causing several problems while publishing the site

2) How to avoid the title in the tab, I do not want to show the title

3)How to fix the size of the title bar for a tab, in few scenarios I need to have tab with fixed size for title. Is that possible?

Please find the following code for adding tab with title and url

Javascript function

function addTab(tabPanel, id, url,TitleMsg) {        
    var tab = tabPanel.getComponent(id);
    if (!tab) {
        tab = tabPanel.add({ 
            id: id, 
            title: '', 
            closable:false,                    
            autoLoad: {
                showMask: true,
                //url: url,
                mode:'iframe',
                maskMsg: 'Loading ' + url + '...'
            }                    
        });
    }
    tabPanel.setTitle(TitleMsg);
      tabPanel.load(
      {
      title:TitleMsg,
      showMask: true,
      url:url,
      title:TitleMsg
      });
      tabPanel.setActiveTab(tab);
}

Markup

<ext:TreeNode Text="<%$Resources:Resource,strMessages%>" IconCls="messages-icon">
    <Listeners>
        <Click Handler="addTab(#{tbpnlContent}, 'idClt', 'http://localhost:2021/TestApp/Default2.aspx',Page2');" />
    </Listeners>
</ext:TreeNode>

[geoffrey.mcgill]

Hi Etisbew,

1. I'm not really sure what you mean. Can you provide more information? I ran a few tests and setting the url to a relative path works correctly.

2. You can set the title to a  

3. You can set the minimum width of the tabs by setting the MinTabWidth property. At the moment, you'll also have to set the ResizeTabs property to 'true'.

Example

<ext:TabPanel 
    ID="TabPanel1" 
    runat="server"
    Height="300"
    MinTabWidth="60"
    ResizeTabs="true">
</ext:TabPanel>

Hope this helps.