Widget buttons are overlapping in WAB

1150
10
09-11-2018 08:05 AM
joerodmey
MVP Alum

My widget buttons 1 and 2 are overlapping each other in WAB (Image below). How do I fix this in the code?

Thanks

0 Kudos
10 Replies
RobertScheitlin__GISP
MVP Emeritus

Attached image?...

0 Kudos
joerodmey
MVP Alum

Hmmm...I've attached now

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Joe,

  Sorry you have cropped you image down so far I can not tell what the on screen widget placeholder is overlapping.

0 Kudos
joerodmey
MVP Alum

That huge gap between buttons is my problem. Button 1 and 2 are on top of each other where the swap icon is. I can only have 3 widgets

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Joe,

  post your main config.json

0 Kudos
joerodmey
MVP Alum

Config.json attached. Found in C:\arcgis-web-appbuilder-2.8\WebAppBuilderForArcGIS\server\apps\3

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Joe,

  So it looks like you have been making some manual edits to your config.json.

Here is the onscreen widget placeholder section fixed.

     {
        "position": {
          "left": 55,
          "top": 45,
          "relativeTo": "map"
        },
        "placeholderIndex": 1,
        "id": "_25",
        "version": "2.8",
        "closeable": true,
        "uri": "widgets/LayerToggleButton/Widget",
        "name": "LayerToggleButton",
        "icon": "configs\\LayerToggleButton\\icon__25.png",
        "config": "configs/LayerToggleButton/config__25.json"
      },
      {
        "position": {
          "left": 105,
          "top": 45,
          "relativeTo": "map"
        },
        "placeholderIndex": 1,
        "id": "_26",
        "version": "2.8",
        "closeable": true,
        "uri": ""
      },
      {
        "position": {
          "left": 155,
          "top": 45,
          "relativeTo": "map"
        },
        "placeholderIndex": 1,
        "id": "_27",
        "name": "Query",
        "label": "Query requests by tenant",
        "version": "2.8",
        "closeable": true,
        "uri": "widgets/Query/Widget",
        "config": "configs/Query/config__27.json"
      },
      {
        "position": {
          "left": 205,
          "top": 45,
          "relativeTo": "map"
        },
        "placeholderIndex": 1,
        "id": "_28",
        "name": "Query",
        "label": "Query request type",
        "version": "2.8",
        "closeable": true,
        "uri": "widgets/Query/Widget",
        "config": "configs/Query/config__28.json"
      },
ElizabethDonahue
New Contributor III

Robert, 

I am having this exact issue in Enterprise Portal WAB and have not changed the config file. Is there a way to fix this without editing the config.json file ( too nervous!) see below left where two icons are on top of each other.

Thanks for your time!

Beth 

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

There is not a way that I am aware of beside editing the config.json

0 Kudos