Missing logo in header - chart viewer instant app

1853
13
Jump to solution
11-03-2021 07:11 AM
SaraKidd
Occasional Contributor

I've created a chart viewer instant app. The logo is missing and just shows the placeholder image and text which runs into the title in the header. I know it's in beta so I'm not sure if it's the app or on my end. I have a logo uploaded to my org and I don't see anywhere else to change the logo in the app config.

 

0 Kudos
13 Replies
RyanLibed
Esri Contributor

Interesting. I just ran a quick test and it appears to be working for me. 

Sample app: https://webapps.maps.arcgis.com/apps/instant/charts/index.html?appid=349bb4e15d5c4159bf66c5f6a7bc894...

I uploaded the logo in Organization settings > General > Shared Theme: 

RyanLibed_0-1652479300050.png

And enabled 'Shared Theme' in the Instant Apps configuration for Chart Viewer:

RyanLibed_1-1652479394624.png


Do you have a sample app I can take a look at?



0 Kudos
BrittanyBurson
Occasional Contributor III

Thanks for looking @RyanLibed ! Sure, I just made my test app Public: link

0 Kudos
KellyHutchins
Esri Frequent Contributor

Ok looks like a bug in Sidebar if a custom theme is set. We'll get that fixed for the next release. In the meantime you can add the logo to the app using the following custom CSS. Paste it into the custom css option in the theme section of the config. 

.site-header__wrapper {
    background-image: url(https://www.sandiego.gov/sites/default/files/cosd-logo-initials-white-color-sails-72ppi.png);
    background-size: 45px;
    background-repeat: no-repeat;
    height: 45px;
    margin-left: 5px;
}

.site-header__wrapper h1.heading {
    margin-left: 50px;
}

 

 

 

BrittanyBurson
Occasional Contributor III

Thank you so much @KellyHutchins -- the CSS worked!

BrittanyBurson_0-1652725870166.png

Looking forward to the next releases. Would also be great to allow the user to change the placeholder Search text when using multiple sources! 🙂 

0 Kudos