Select to view content in your preferred language

Opacity widget in Basic (Media Map) Instant App

489
8
Jump to solution
03-25-2026 03:49 PM
OlyBrian2
Emerging Contributor

I am in the process of replacing the retired apps I used to display Sanborn maps on a local historical society webpage.  I found that I can use the Basic (Media Map) for the simple widgets I want to include, except I would like the user to control the opacity/transparency of a layer in the app. I believe that was an option in the retired app and it was handy.  Users could look at the georeferenced mosaics of the historic map tiles over the current day aerial map and interact with the map more. Is there an Instant App that does this?  I searched for capabilities and could not find opacity or transparency Instant App capabilities.  Here is a link to the replacement app I developed today (https://hovisross.maps.arcgis.com/apps/instant/basic/index.html?appid=7b2d7fa84f1f4fae896bc390779249... )  Here is the web map: Web Map for 1884 Sanborn Map .  Please note that the 1884 maps are pretty simple, but the later maps are more complicated and rely on more tiles, for instance  49655105427a4a46ae7e93103ac5ba66 

0 Kudos
2 Solutions

Accepted Solutions
KellyHutchins
Esri Notable Contributor

Basic doesn't have an option to apply layer transparency - but that could be a good enhancement for a future release. But it does have the option to add the swipe tool that can be used to view the underlying basemap. Here is an example: 

https://jsapi.maps.arcgis.com/apps/instant/basic/index.html?appid=0724e272354a4815b5b2f5a4af0a1f04

 

Another option could be the Atlas app it does allow you to apply transparency to layers. Here's an example of that you use the Map layers option to set the layer transparency

https://jsapi.maps.arcgis.com/apps/instant/atlas/index.html?appid=439f2d03a86e47fe9c5eeb18f6e5d0b8&w...

 

View solution in original post

KellyHutchins
Esri Notable Contributor

The next update is still a few months away in early summer.  Not sure if this would work in your use case but you can also include a layer picker when you configure the swipe app and that allows you to define additional leading and trailing layers to hide/show when the swipe bar moves. 

View solution in original post

8 Replies
KellyHutchins
Esri Notable Contributor

Basic doesn't have an option to apply layer transparency - but that could be a good enhancement for a future release. But it does have the option to add the swipe tool that can be used to view the underlying basemap. Here is an example: 

https://jsapi.maps.arcgis.com/apps/instant/basic/index.html?appid=0724e272354a4815b5b2f5a4af0a1f04

 

Another option could be the Atlas app it does allow you to apply transparency to layers. Here's an example of that you use the Map layers option to set the layer transparency

https://jsapi.maps.arcgis.com/apps/instant/atlas/index.html?appid=439f2d03a86e47fe9c5eeb18f6e5d0b8&w...

 

OlyBrian2
Emerging Contributor

Thank you very much Kelly, now that I think about it, the swipe option might actually work better.  I also appreciate you pointing out that the Atlas app would work.  Not sure why opacity did not come up when I was searched for capabilities in the Instant Apps. Much appreciated.  

0 Kudos
KellyHutchins
Esri Notable Contributor

This is an easy update so we will add support for this to the basic app for the next release of Online.

OlyBrian2
Emerging Contributor

Thank you, it would be helpful.

0 Kudos
OlyBrian2
Emerging Contributor

Hi Kelly,  I discovered another reason it would be good to be able to change opacity.  The way I have the app set up, the overview page is the leading edge of the swipe tool.  Swiping uncovers the tiled sheets that I created by using the Mosaic tool.  The tiled sheets however just block the view of what is currently at the site and the only option seems to be to turn the sheets on and off to see what is underneath.  The old app with the opacity control allowed users to fine tune their view.  Any idea when the next upgrade will occur so that we can include opacity control?  Thanks for your interest.

0 Kudos
OlyBrian2
Emerging Contributor

Hi Kelly,  I discovered another reason it would be good to be able to change opacity.  The way I have the app set up, the overview page is the leading edge of the swipe tool.  Swiping uncovers the tiled sheets that I created by using the Mosaic tool.  The tiled sheets however just block the view of what is currently at the site and the only option seems to be to turn the sheets on and off to see what is underneath.  The old app with the opacity control allowed users to fine tune their view.  Any idea when the next upgrade will occur so that we can include opacity control?    Here is a link to the app that will hopefully make my comments more understandable. https://hovisross.maps.arcgis.com/apps/instant/basic/index.html?appid=c9ce2de31af8423cbd61755de7e73c...

0 Kudos
KellyHutchins
Esri Notable Contributor

The next update is still a few months away in early summer.  Not sure if this would work in your use case but you can also include a layer picker when you configure the swipe app and that allows you to define additional leading and trailing layers to hide/show when the swipe bar moves. 

OlyBrian2
Emerging Contributor
Thank you, I figured out a work around where the overview map is not the trailing edge and is hidden at first. Users can then swipe the detailed maps to see what is under them. It will be fine for now and may develop a splash screen to describe the changes. The magnifier glass and some of the other tools in the new Quick App are improvements too. Thanks again for the information on updates and for your willingness to help.
0 Kudos