How can I make the legend dimensions smaller? Too much white space

2653
12
10-04-2017 02:34 PM
MelissaTraverso
New Contributor III

Hi I would like to trim the dimensions of my legend widget to be smaller. How do I do this? Currently there is too much white space and it covers up important parts of the map when you filter or zoom. I realize you can X out of it but this is inconvenient if you don't have the legend memorized as you're filtering or using another tool. 

Thanks,

Melissa 

0 Kudos
12 Replies
SaffiaHossainzadeh2
New Contributor II

Hmm...that doesn't work for me. I added line 205 to the config.json:

I similarly added "height":125 to a position property in a widgetPool section of config.json. And nothing happened. I tried adding a new position property at other spots inside the legend widget (like after line 177), but none of my attempts were successful. Am I missing something? 

Just for completeness, I was able to adjust the legend size as I intended using an entirely different method. I added the following css tag in the index.html file:

.jimu-pocket-panel {
  height: 95px !important;
  width: 220px !important;
}

It would not work without the !important part.

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Saffia,

  You are heading in the wrong direction. Here is what I am talking about. (line 6 was added).

      {
        "position": {
          "left": 205,
          "top": 45,
          "relativeTo": "map",
          "height": 125
        },
        "placeholderIndex": 1,
        "id": "_8",
        "version": "2.11",
        "closeable": true,
        "uri": "widgets/Legend/Widget",
        "name": "Legend",
        "label": "Legend_2",
        "config": "configs/Legend/config__8.json"        
      },
SaffiaHossainzadeh2
New Contributor II

That didn't work for me straight away. I will try some more though. 

Thanks a lot for your input!

0 Kudos