Wrapping a Banner and Footer around the ArcGIS REST Services Directory page

2673
1
Jump to solution
04-28-2015 04:49 PM
RandyKreuziger
Regular Contributor

If you go to the USGS ArcGIS REST Services page you'll see their map services page tricked out with Banner and Footer showing their logo and contact information.  How are they doing that and is this something that is customizable on every ArcGIS Server?

Tags (1)
1 Solution

Accepted Solutions
StephenBankston
New Contributor

There are two files which will need to be modified, one for the Header section and another for the Footer section.

You may want to “View Source” of a page you are trying to match, and also have the header.jsp files open in a text editor. Or "View Source" on http://basemap.nationalmap.gov/arcgis/rest/services while also viewing the header.jsp file.

Header:

File: C:\Program Files\ArcGIS\Server\framework\runtime\tomcat\webapps\arcgis#rest\www\app\common\header.jsp

This is where you would reference any external stylesheets.

Example:

  (After the esri <%page import=...... lines)

<link rel=”stylesheet” type=”text/css” href=”yourdomain.com/styelsheets/main.css”>

You may need to add a DIV tag from the CSS file for your PAGE element. This should be inserted just after the above external style sheet references.  <DIV id=”page_style”>  ( or whatever it is named in the stylesheet file.)

Footer:

File: C:\Program Files\ArcGIS\Server\framework\runtime\tomcat\webapps\arcgis#rest\www\client\services\catalog.jsp

Again, a stare and compare to your target webpage should reveal any additional CSS tags or images which will need to be inserted.

View solution in original post

1 Reply
StephenBankston
New Contributor

There are two files which will need to be modified, one for the Header section and another for the Footer section.

You may want to “View Source” of a page you are trying to match, and also have the header.jsp files open in a text editor. Or "View Source" on http://basemap.nationalmap.gov/arcgis/rest/services while also viewing the header.jsp file.

Header:

File: C:\Program Files\ArcGIS\Server\framework\runtime\tomcat\webapps\arcgis#rest\www\app\common\header.jsp

This is where you would reference any external stylesheets.

Example:

  (After the esri <%page import=...... lines)

<link rel=”stylesheet” type=”text/css” href=”yourdomain.com/styelsheets/main.css”>

You may need to add a DIV tag from the CSS file for your PAGE element. This should be inserted just after the above external style sheet references.  <DIV id=”page_style”>  ( or whatever it is named in the stylesheet file.)

Footer:

File: C:\Program Files\ArcGIS\Server\framework\runtime\tomcat\webapps\arcgis#rest\www\client\services\catalog.jsp

Again, a stare and compare to your target webpage should reveal any additional CSS tags or images which will need to be inserted.

View solution in original post