Hide the Embed Map Option in a Web Map Application

3943
2
04-08-2016 02:56 PM
EricSimpson
New Contributor

Hi there,

     I'm putting together an ArcGIS Online web map viewer for a client.  Because of potential security concerns, my client would like to have the Share tool available, but only wants to allow user to share the map link.  The client doesn't want to give users the ability to embed the map in a web page.

     Visually, it would look some thing like this:

  • The Share Tool as is:
    • AGOL_Share_Tool1.jpg
  • The Tool as my client would like to see it:
    AGOL_Share_Tool2.jpg

     So my question is this: is there any way I can customize the Share tool in a map viewer (AGOL web mapping application) so that it shows only the Map Link section?

     Thanks for any help you can provide.

- Eric Simpson

- California Governor's Office of Emergency Services (Cal OES)

0 Kudos
2 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

Eric,

  Sure this can all be done with simple css changes:

In the widgets css folder find the style.css file and open it and make these changes:

Add this new rule:

.embed-page {
  display: none;
}

and find these rules and add the display: none; to them:

.map-size-container {
  margin: 0;
  padding: 0 0 20px;
  display: none;
}

.share-dialog-subheader {
  font-size: 17px;
  display: none;
}
0 Kudos
KellyHutchins
Esri Frequent Contributor

And the nice thing about that particular configurable app (Basic Viewer) is that you don't need to download and host the template to make the css changes. In the template configuration panel look at the very bottom of the Theme section and you'll see a 'Custom css' option. You can copy paste the css Robert Scheitlin, GISP​ posted above then save the app.

0 Kudos