The Tab-index item consists of the logo, the title and the close icon. When you enable the editable attribute, you can edit the tab logo and the tab title by clicking the components in the Tab-Index item, which triggers the setting function in control layer to set the Tab element attributes.
The model for Tab UI element is dependent on the XML DOM structure. The attributes of the tab model correspond with the attributes in the tab XML DOM element:
<Tab id="BTT_Tab2" logo="theme/tablogo/1.gif" title="user_tab1" closable="0">
<Tab id="BTT_Tab2" logo="theme/tablogo/1.gif" title="user_tab1" closable="0" editable="0">
<Tab closable="0" id="BTT_Tab2" logo="theme/tablogo/1.gif" title="user_tab1"> ... </Tab>After you add a new Tab element, the Tab XML DOM structure is:
<Tab closable="0" id="BTT_Tab2" logo="theme/tablogo/1.gif" title="user_tab1"> ... </Tab> <Tab closable="1" editable="1" id="tab_11_1223989066218" logo="theme/tablogo/6.gif" maxColLength="3" title="New Tab"> ... </Tab>
Refer to UserPageLayout.xml for more information.