Adding more attribute links

2142
6
Jump to solution
02-21-2016 02:14 PM
TroyDawson
New Contributor II

Greetings,

I am located in the Caribbean and our data is separated based on the island location. Is there a way to increase the number of links in the attribute branding section? I am using the tab theme on WAB v1.3 and I've noticed that I am limited to just four (4) links (see attached). In my example, I have island #1 - Island #4, and I would like to create two more islands (ie. island #5 and island #6). Can someone advise on how to create additional links?

Grateful if anyone can provide some workable solutions.

Thanks in advance.

Tags (1)
0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

Troy,

  Sure go to your apps folder and open the config.json (i.e. [install dir]\server\apps\[app #]\config.json)

and add the additional links to the links array:

"links": [
    {
      "label": "Island 1",
      "url": "http://www.google.com"
    },
    {
      "label": "Island 2",
      "url": "http://www.google.com"
    },
    {
      "label": "Island 3",
      "url": "http://www.google.com"
    },
    {
      "label": "Island 4",
      "url": "http://www.google.com"
    },
    {
      "label": "Island 5",
      "url": "http://www.google.com"
    },
    {
      "label": "Island 6",
      "url": "http://www.google.com"
    }
  ],

View solution in original post

6 Replies
XanderBakker
Esri Esteemed Contributor

You could use the About widget—Web AppBuilder for ArcGIS | ArcGIS and put the 6 links with some description there, or use a single link to point to a customized page that hosts links to the 6 islands.

0 Kudos
TroyDawson
New Contributor II

Received with thanks Xander. I can see that working conceptually; however I can also foresee the city government officials complaining of the Links being difficult to find. I was hoping that there would have been some quick adjustment that could be done to one of the configuration files to achieve the additional 2 links. Is WAB that inflexible?

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Troy,

     Editing the Builder GUI is very difficult as all the code is minified. But you can manually add the links to your apps config.json links array and then will show when you launch the app on a device that has enough screen real estate to show all the links.

TroyDawson
New Contributor II

Received with thanks Robert. Can you detail the steps to achieve your recommendation?

thanks in advance

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Troy,

  Sure go to your apps folder and open the config.json (i.e. [install dir]\server\apps\[app #]\config.json)

and add the additional links to the links array:

"links": [
    {
      "label": "Island 1",
      "url": "http://www.google.com"
    },
    {
      "label": "Island 2",
      "url": "http://www.google.com"
    },
    {
      "label": "Island 3",
      "url": "http://www.google.com"
    },
    {
      "label": "Island 4",
      "url": "http://www.google.com"
    },
    {
      "label": "Island 5",
      "url": "http://www.google.com"
    },
    {
      "label": "Island 6",
      "url": "http://www.google.com"
    }
  ],
TroyDawson
New Contributor II

This worked wonderfully! Thanks Robert.

0 Kudos