Custom logo on WAB Dev

501
2
Jump to solution
01-28-2019 11:47 AM
GajananBalasubramaniam1
New Contributor III

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

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

Gajanan,

   This will keep it out of the overview map:

.map .esriMapContainer>#map_layers:before {

View solution in original post

2 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

Gajanan,

   This will keep it out of the overview map:

.map .esriMapContainer>#map_layers:before {
GajananBalasubramaniam1
New Contributor III

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

0 Kudos