Add a placeholer in the billboard theme

1390
5
08-07-2016 09:37 PM
ShaikhRizuan
New Contributor III

Hi,

There are 5 placeholders for adding widgets in  billboard theme.

How to add one more placeholder to add a widget?

Regards,

Shaikh Rizuan

5 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

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
      }
    }]
  },
ShaikhRizuan
New Contributor III

Hi Robert,

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

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

Shaking,


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

0 Kudos
ShaikhRizuan
New Contributor III

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.

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

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.