topic Re: Maps and Apps Gallery - header icon is squished in ArcGIS Online Questions

Maps and Apps Gallery - header icon is squished

ChayaBalsiger — Mon, 28 Sep 2015 17:33:33 GMT

I created the Maps and Apps Gallery using ArcGIS Online. I added an image to be displayed in the top right corner and I like how it looks, but when I added this same image to the Maps and Apps Gallery that I downloaded from GitHub, the image re-sized.

It looks like this in the Maps and Apps Gallery using ArcGIS Online:

and it looks like this in the Maps and Apps Gallery that I am customizing:

Not sure why it shrinks?

Re: Maps and Apps Gallery - header icon is squished

RickeyFight — Sat, 11 Dec 2021 23:19:25 GMT

Chaya,

If you are using the downloaded version, you can edit the css to make the image larger.

The easiest way to do this is with chrome developer tools.

Change the css

Should be around line 774. Change the height to a larger size. You could add

.esriCTApplicationIcon
{
    height: 48px;
     width: 150px;
    overflow: hidden;
}

map-and-app-gallery-template/theme.css at master · Esri/map-and-app-gallery-template · GitHub

Re: Maps and Apps Gallery - header icon is squished

ChayaBalsiger — Mon, 28 Sep 2015 19:35:11 GMT

Thanks! I just changed the "applicationIcon" line of code to look at the location of my image and that solved the problem!