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 ?

[KenBuja · Accepted solution]

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 

[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 ?