topic Change Attribute Link Color in WebApp Builder in Web AppBuilder Custom Widgets Questions

Change Attribute Link Color in WebApp Builder

KirkHarstead — Tue, 04 Aug 2015 14:23:45 GMT

Is there a way to change the color/font of the Attribute Links in the WebApp Builder? (I'm referring to the Attribute Links you can add under the "Attribute" tab in edit mode) My apps are in the "Tab Theme" with black as the border color. Before the latest update, the links were prominent and easy-to-read across the top. Now, the default color is dark purple and the font is small; it is difficult to see them.

I've located where these links are referenced in the JSON file, but I don't know what the code is to change the color and/or font.

Re: Change Attribute Link Color in WebApp Builder

RobertScheitlin__GISP — Sun, 12 Dec 2021 09:23:23 GMT

Kirk,

It is a simple CSS change but as you stated find that exact css is not obvious.

The place to make the change is in this file:

themes\FoldableTheme\widgets\HeaderController\css\style.css (line 2 the color attribute)

.jimu-widget-header-controller .links .link{
  color:#e1e1e1;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  height: 100%;
}

Re: Change Attribute Link Color in WebApp Builder

KirkHarstead — Tue, 04 Aug 2015 15:04:39 GMT

Thanks Robert. There is no way to change this in the non-developer version then?

Re: Change Attribute Link Color in WebApp Builder

RobertScheitlin__GISP — Tue, 04 Aug 2015 15:15:52 GMT

Kirk,

The only files that are editable on AGOL are JSON files (that I am aware of). So no.

Re: Change Attribute Link Color in WebApp Builder

ErikParker1 — Mon, 15 Aug 2016 17:58:05 GMT

I had the same question Kirk. I found that it can be done via AppStudio for ArcGIS if you have access to it.