Select to view content in your preferred language

Customize an embeded web map

1014
1
Jump to solution
10-01-2014 02:59 PM
ChristianSmith
Deactivated User

I am using the following code to embed a web map on a web page. I would like to customize the banner color and maybe play with some of the text fonts etc. Is there a way to customize the embeded map styles?

<div class="col col1_1" align="Center">

                <iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://tpl.maps.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html?webmap=c9729a84beee4..."></iframe>

                </p>

                <small>

                <a href="http://tpl.maps.arcgis.com/home/webmap/viewer.html?webmap=c9729a84beee4ded9bd61f2b61598e0c&extent=-1..." style="color:#0000FF;text-align:left" target="_blank">View larger map</a>

                </small>

            </div>

0 Kudos
1 Solution

Accepted Solutions
KellyHutchins
Esri Frequent Contributor

Hi Christian,

In the iframe code does the url include OnePane/basicviewer? If so then you can't customize the font but you can choose from a set of pre-defined color themes. The available colors are orange, green, blue, gray and purple. To change the color you'll need to add a theme parameter to the url. Here's an example that shows the green theme.

src="http://jsapi.maps.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html?webmap=106d8ef38ae..."

View solution in original post

0 Kudos
1 Reply
KellyHutchins
Esri Frequent Contributor

Hi Christian,

In the iframe code does the url include OnePane/basicviewer? If so then you can't customize the font but you can choose from a set of pre-defined color themes. The available colors are orange, green, blue, gray and purple. To change the color you'll need to add a theme parameter to the url. Here's an example that shows the green theme.

src="http://jsapi.maps.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html?webmap=106d8ef38ae..."

0 Kudos