AnsweredAssumed Answered

Web AppBuilder: Add Tab Container to Splash Widget

Question asked by Intern_2016 on Apr 27, 2016
Latest reply on Dec 29, 2016 by william.miller_WarrenCoGIS

Using Web AppBuilder for ArcGIS, how would I go about modifying the Splash widget to add a tab container with several content panes? I tried including script in the JSON file, but found script will not run from a JSON file.

 

I found the example below on dojo and created an html template and javascript file, but I don't know how to include them in the main Splash widget.

 

I am new to Javascript and Dojo, so any help would be much appreciated. Thank you.

==========

tabs.html

 

<div data-dojo-attach-point="tabsNode">
    <div id="tc1-prog"></div>
</div>

==========

tabs.js (the content is just what was in the example on dojo)

 

require(["dijit/layout/TabContainer", "dijit/layout/ContentPane", "dojo/domReady!"], function (TabContainer, ContentPane) {
    var tc = new TabContainer({
        style: "height: 100%; width: 100%;"
    }, "tc1-prog");

    var cp1 = new ContentPane({
        title: "Food",
        content: "We offer amazing food"
    });
    tc.addChild(cp1);

    var cp2 = new ContentPane({
        title: "Drinks",
        content: "We are known for our drinks."
    });
    tc.addChild(cp2);

    tc.startup();
});

Outcomes