Custom logo on WAB Dev

GajananBalasubramaniam1 — Mon, 28 Jan 2019 19:47:56 GMT

Hi,

What is the best practice to adding a custom logo to WAB? This isn't to replace the esri text at bottom right but rather to add custom logo on bottom left corner of the map.

I was able to do it with the following code in the index.html:

.map .esriMapContainer .esriMapLayers:before {
background-image: url(https://customlogo/image.png);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
bottom: 2px;
left: 5px;
z-index: 1000;
height: 36px;
width: 148px;
content: ' ';
padding: 0;
}

This does exactly what I need, except for the part where it also adds the logo to the overview map, with the same size.

Any idea as to remove this from the overview map or a better method of adding the logo?

Thanks

Re: Custom logo on WAB Dev

RobertScheitlin__GISP — Mon, 28 Jan 2019 20:08:23 GMT

Gajanan,

This will keep it out of the overview map:

.map .esriMapContainer>#map_layers:before {‍

Re: Custom logo on WAB Dev

GajananBalasubramaniam1 — Tue, 29 Jan 2019 13:35:34 GMT

Thank you so much Robert. That worked like a charm!

topic Re: Custom logo on WAB Dev in ArcGIS Web AppBuilder Questions

Custom logo on WAB Dev

Re: Custom logo on WAB Dev

Re: Custom logo on WAB Dev