topic Re: Accessing Attribution in ArcGIS Web AppBuilder Questions

Accessing Attribution

TimWitt2 — Tue, 05 Jan 2016 14:07:42 GMT

Good morning everybody,

I am trying to add some text to the ESRI attribution in the bottom right (see attachment).

How would I access this element? When I inspect it, it doesn't have an id, it only has a class.

Thanks!

Tim

Re: Accessing Attribution

RobertScheitlin__GISP — Tue, 05 Jan 2016 14:14:33 GMT

Tim,

The map has a attribution property that returns the Attribution dijit

Re: Accessing Attribution

TimWitt2 — Tue, 05 Jan 2016 14:23:33 GMT

Thanks Robert I didn't even think about that.

How would I add some custom text above "Earthstar Geographics"?

Re: Accessing Attribution

RobertScheitlin__GISP — Tue, 05 Jan 2016 14:31:02 GMT

The Attribution dijit is designed to display the attribution text in a single line and truncate it at a certain string limit until the user clicks the dijit, for it show more text. You would have to do css manipulation to attempt to override the single line nature of the dijit. You would probably be better off adding your own dom element above it.

Re: Accessing Attribution

TimWitt2 — Tue, 05 Jan 2016 14:34:50 GMT

Do you have an example on how to add a dom element above it? I really like this idea.

Re: Accessing Attribution

RobertScheitlin__GISP — Sun, 12 Dec 2021 07:40:43 GMT

Tim,

Sure this is pretty straight forward:

Require: 'dojo/dom-construct'

var myDiv = domConstruct.toDom("<div style='right:5px;bottom:22px;position:absolute;text-align:right;z-index: 9;'>hello world</div>");
domConstruct.place(myDiv, "map");

Re: Accessing Attribution

TimWitt2 — Tue, 05 Jan 2016 15:22:54 GMT

Thanks Robert!

Re: Accessing Attribution

KierenTinning2 — Tue, 23 Jan 2018 17:57:19 GMT

Robert, for a Web AppBuilder Developer Edition app, which file would we need to modify to add our own custom attribution logo?

I can over-ride the Powered By Esri with this code in index.html

#map .logo-med {
background-image: url('images/XYZ.png');
height: 40px;
width: 180px;
}

But what I'd really like to do is add our own image along side of it. I like the idea of inserting the DOM element, but would you have advice on which page this would need to be inserted on?

Thanks,

Re: Accessing Attribution

RobertScheitlin__GISP — Sun, 12 Dec 2021 07:40:45 GMT

Kieren,

You can add it to the MapManager.js in the _show2DWebMap funtion at the end of the

mapDeferred.then(lang.hitch(this, function(response) {

function

...
          setTimeout(lang.hitch(this, this._checkAppState), 500);
          this._addDataLoadingOnMapUpdate(map);
          var myDiv = domConstruct.toDom("<div style='right:5px;bottom:22px;position:absolute;text-align:right;z-index: 9;'>hello world</div>");
          domConstruct.place(myDiv, "map");
        }), lang.hitch(this, function(error) {‍‍‍‍‍
...‍‍‍‍‍‍‍

You will have to add

'dojo/dom-construct'‍

to the define array.

Re: Accessing Attribution

KierenTinning2 — Wed, 24 Jan 2018 01:56:11 GMT

Robert,

Thank you for the pointer, it unfortunately doesn't seem to work.

Adding

'dojo/dom-construct'

to the Define array just stops loading the entire page, but of course if I don't add it then the text never gets added.

I found though if in Chrome, I added the value

hello world

to the

(at the end)

The it places the text exactly where needed. Now, the key is to figure out which file in the software is generating that HTML.

Have you seen the map simply stop loading when adding the dojo value?

Thanks,

Kieren

Terraflow Geomatics Inc

ktinning@terraflow.ca

416-689-8197

Re: Accessing Attribution

RobertScheitlin__GISP — Wed, 24 Jan 2018 04:16:59 GMT

Kieren,

I tested this before posting so I know it works. If your map has stoped working then you have introduced a syntax error.

Re: Accessing Attribution

KierenTinning2 — Wed, 24 Jan 2018 04:38:11 GMT

Hmmm,

It is entirely possible, I will test again – thank you very much for answering the question and taking the time on this.

I added the

'dojo/dom-construct',

With the comma at the top (and middle), etc. I’ll keep working on this and let you know.

Kieren

Kieren Tinning

TerraFlow Geomatics

Mobile (416) 689-8197

Linkedin profile https://www.linkedin.com/in/kierentinning/

The greatest compliment you can give us is a referral. Please feel free to give my name to a friend or business acquaintance.

P Please consider the environment before printing

Re: Accessing Attribution

KierenTinning2 — Tue, 30 Jan 2018 15:33:48 GMT

Robert,

Thank you very much for the comments, I never did get the Dojo and DOM insert to work, however I did end up changing the Index.html page adding

.map .esriMapContainer .esriMapLayers:before {
background-image: url(images/XYZLogo.png);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
bottom: 5px;
left: 5px;
z-index: 1000;
height: 30px;
width: 120px;
content: ' ';
}

To the bottom of the CSS section, just ahead of the closing </style> tag. It places the image in the lower left side of the map page.