Maps and Apps Gallery - header icon is squished

2544
2
Jump to solution
09-28-2015 10:33 AM
ChayaBalsiger
Occasional Contributor

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?

0 Kudos
1 Solution

Accepted Solutions
ChayaBalsiger
Occasional Contributor

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

View solution in original post

0 Kudos
2 Replies
RickeyFight
MVP Regular Contributor

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

0 Kudos
ChayaBalsiger
Occasional Contributor

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

0 Kudos