topic Add a placeholer in the billboard theme in ArcGIS Web AppBuilder Questions

Add a placeholer in the billboard theme

ShaikhRizuan — Mon, 08 Aug 2016 04:37:23 GMT

Hi,

There are 5 placeholders for adding widgets in billboard theme.

How to add one more placeholder to add a widget?

Regards,

Shaikh Rizuan

Re: Add a placeholer in the billboard theme

RobertScheitlin__GISP — Sat, 11 Dec 2021 07:19:56 GMT

Shaikh,

Open the \client\stemapp\themes\BillboardTheme\layouts\default\config.js and add a new place holder as shown below in lines 84-89 or if it an existing app that you want to add the placeholder to then you open the \server\[app #]\themes\BillboardTheme\layouts\default\config.js:

{
  "widgetOnScreen": {
    "widgets": [{
      "uri": "widgets/Search/Widget",
      "position": {
        "left": 60,
        "top": 10
      },
      "version": "2.1"
    }, {
      "uri": "widgets/ZoomSlider/Widget",
      "position": {
        "top": 10,
        "left":15
      },
      "version": "2.1"
    }, {
      "uri": "widgets/HomeButton/Widget",
      "position": {
        "left": 15,
        "top": 80
      },
      "version": "2.1"
    }, {
      "uri": "widgets/MyLocation/Widget",
      "position": {
        "left": 15,
        "top": 120
      },
      "version": "2.1"
    }, {
      "uri": "widgets/Scalebar/Widget",
      "position": {
        "left": 15,
        "bottom": 25
      },
      "version": "2.1"
    }, {
      "uri": "widgets/Coordinate/Widget",
      "position": {
        "left": 15,
        "bottom": 5
      },
      "version": "2.1"
    }, {
      "uri": "widgets/OverviewMap/Widget",
      "position": {
        "right": 0,
        "bottom": 0
      },
      "version": "2.1"
    }, {
      "uri": "widgets/Splash/Widget",
      "visible": false,
      "position": {
        "relativeTo": "browser"
      },
      "version": "2.1"
    }, {
      "position": {
        "left": 60,
        "top": 53
      }
    }, {
      "position": {
        "left": 105,
        "top": 53
      }
    }, {
      "position": {
        "left": 150,
        "top": 53
      }
    }, {
      "position": {
        "left": 195,
        "top": 53
      }
    }, {
      "position": {
        "left": 240,
        "top": 53
      }
    }, {
      "position": {
        "left": 285,
        "top": 53
      }
    }]
  },

Re: Add a placeholer in the billboard theme

ShaikhRizuan — Tue, 09 Aug 2016 04:17:58 GMT

Hi Robert,

I did those changes earlier also but no luck.. I am not able to see the placeholder in Widget section.

Re: Add a placeholer in the billboard theme

RobertScheitlin__GISP — Tue, 09 Aug 2016 12:51:11 GMT

Shaking,

Are you changing the proper file? The one in the apps folder?

Re: Add a placeholer in the billboard theme

ShaikhRizuan — Tue, 09 Aug 2016 13:40:33 GMT

Robert,

I did it in correct file for an existing app.

This is the location path: ....\arcgis-web-appbuilder-2.0\WebAppBuilderForArcGIS\server\apps\5\themes\BillboardTheme\layouts\default\config.json

I got the new placeholder while after creating the new WebApp.

Re: Add a placeholer in the billboard theme

RobertScheitlin__GISP — Tue, 09 Aug 2016 14:05:12 GMT

Shaikh,

Sorry the code I provided is only for new apps. If you want to add a new placeholder widget for an existing app then you have to manually add it to the main config.json in the widgetOnScreen widgets array.