Services
Support
Store
©2015 Intersoft Solutions. All rights reserved.
Intersoft Support Center

Add/Close Tab in Client-side

You can add and close new tab items programmatically at client side.

This topic will show you how to add/close tab in client side.

To add/close tab in client-side

  1. Drag 2 HTML buttons from the toolbox.
  2. Create AddNewTab() function to implement adding new tab.
    JavaScript Copy Code 
    var tabNewIndex = 0;
function AddNewTab()
{
   tabNewIndex++;
    
   var tab = ISGetObject("WebTab1");
   var newItem = tab.AddNewTabItem("WebTab" + tabNewIndex, "WebTab " + tabNewIndex, null);
   var activeTab = newItem;

   activeTab.ContentMode = "UseInlineContent";
   newItem.SetActive(); // set the newly created tab item as active     
}

  3. Create CloseTab() function to implement closing tab items.
    JavaScript Copy Code 
    function CloseTab()
{
   var tab = ISGetObject("WebTab1");
   var tabItem = tab.GetActiveTab();
        
   tabItem.Close();
}

  4. Invoke AddNewTab() and CloseTab() using html button onclick event.

    <input id="Button1" type="button" value="button" onclick="AddNewTab()" />

    <input id="Button2" type="button" value="button" onclick="CloseTab()" />

  5. Run the project.

Getting Started

Working with WebDesktopManager

Designing Layout with WebPaneManager

Adding Command with WebToolBar

Using WebFlyPostBackManager

Working with WebNavPane

Working with WebExplorerPane

Getting Modal Input with WebDialogBox

Displaying Tooltip with WebCallOut

Theming UI with WebStyleManager

Adding Multiple Views with WebTab

Working with WebMenu

Alerting Event with WebNotification

Working with WebDragDropExtender

Adding Command with WebButton

Designing Layout with WebSplitter

Previous Next