AnsweredAssumed Answered

Custom logo on WAB Dev

Question asked by Gajanan.B on Jan 28, 2019
Latest reply on Jan 29, 2019 by Gajanan.B

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

Outcomes