WebPart Tabs

Input Parameters

Name Type Description
cfgElementId string The optional configuration element id
className string The class name to apply to the target element.
elementId string The target element id to render the webpart to
editPanel IWebPartEditPanel The edit panel.
helpProps { title?: string, url: string } The optional help link.
isLarge boolean True to make the tabs large.
isTabs boolean True to render the tabs as “blocks” vs “underlined”.
onPostRender (wpInfo: IWebPartInfo, …args) The post render event.
onRenderDisplay (wpInfo: IWebPartInfo) The render event triggered when the page is in ‘Display’ mode.
onRenderEdit (wpInfo: IWebPartInfo) The render event triggered when the page is in ‘Edit’ mode.
type number The tab type.
wpClassName string The class name to apply to the div element containing the webpartid property.

JavaScript

var $REST = require("gd-sprest-js");

export const MyWebPartTabs = function(){
    // Create the webpart tabs
    $REST.JS.WPTabs.WebPart({
        elementId: "myTabs",
        wpClassName: "fabric"
    });
}

TypeScript

import { Fabric, WebParts } from "gd-sprest-js";

export const MyWebPartTabs = () => {
    // Create the webpart tabs
    WebParts.WPTabs({
        elementId: "myTabs",
        wpClassName: "fabric"
    });
}