AnsweredAssumed Answered

Web AppBuilder: Add Tab Container to Splash Widget

Question asked by Intern_2016 on Apr 27, 2016
Latest reply on Jan 14, 2019 by andrewhayden

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.




<div data-dojo-attach-point="tabsNode">
    <div id="tc1-prog"></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"

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