nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Add zoom slider to footer

BrianFoley1

I'm trying to add a zoom slider to a footer section and can't seem to get it to work. I created this jsfiddle :

https://jsfiddle.net/befoley/xuhm1ph4/6/ . Any ideas ?

Encuentra más publicaciones etiquetadas con

Accepted answers

kenbuja

The first issue is that you left out "ContentPane" in your function arguments. It needs to be put between BorderContainer and HorizontalSlider. The data on the map was not showing up due to a "Cross-Origin Request Blocked" error.

Edit fiddle - JSFiddle

All comments

kenbuja

Edit fiddle - JSFiddle

BrianFoley1

Thanks Ken, exactly what I was looing for. How could you tell that it was a Cross-Origin Request Blocked ?

kenbuja

That was showing up in the browser console. This is an important tool to use when developing.

BrianFoley1

Ken, how do I get the slider to actually zoom-in/zoom-out ?

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.