Select to view content in your preferred language

Add image to "links" in the config.json

3750
1
Jump to solution
11-07-2014 06:50 AM
BrianO_keefe
Honored Contributor

I don't even know where to look to 'research' this on my own so I'm posting here HOPING for a dual response.

  1. Is there a way to adjust the "links" entry in config.json to replace the "label" with an image? I want to create links to our companies facebook, twitter, etc. and I'd like to do it in WAB-created maps.
  2. Where do you find answers to questions like this, about the config.json file? Is there a repository / wiki / faq / documentation somewhere that lists all this out like they have for the LGDM? Something that breaks down each file and the components of those files?

Hoping I don't have to mess with actual HTML/CSS to do this. I would LIKE to create a template for this kind of thing.

Tags (3)
0 Kudos
1 Solution

Accepted Solutions
StanMcShinsky
Frequent Contributor

Try something like this

  "links": [

    {

      "label": "<img src='http://talk.onevietnam.org/wp-content/uploads/2011/04/facebook_icon.png' style='width: 28px;height: 28px;top: 6px;position: absolute'>",

      "url": "https://www.facebook.com/esriuc"

    }

  ],

You can use the normal html link tags in the "label" field just make sure you use single quotes.

If you want to make this part of your template then just add it to the \client\stemapp\config.json file.

View solution in original post

0 Kudos
1 Reply
StanMcShinsky
Frequent Contributor

Try something like this

  "links": [

    {

      "label": "<img src='http://talk.onevietnam.org/wp-content/uploads/2011/04/facebook_icon.png' style='width: 28px;height: 28px;top: 6px;position: absolute'>",

      "url": "https://www.facebook.com/esriuc"

    }

  ],

You can use the normal html link tags in the "label" field just make sure you use single quotes.

If you want to make this part of your template then just add it to the \client\stemapp\config.json file.

0 Kudos