topic Re: horizontal sliding container in ArcGIS JavaScript Maps SDK Questions

horizontal sliding container

jaykapalczynski — Fri, 25 Apr 2014 16:04:31 GMT

I am looking to place a bunch of Grids inside a container....having issues

I want an external container with a width of Auto which will fit inside a centralized container in the middle of my page.
Inside this external container I want another container that will allow the user to scroll left and right to see all the info that is inside it. There will be more inside this container that can be viewed...SO I am looking how to make a horizontal slider in this container so the users can scroll

Thoughts?
Thanks

Re: horizontal sliding container

jaykapalczynski — Fri, 25 Apr 2014 16:11:56 GMT

A scroll pane? Something I need to install? Reference?
Any examples or sites...

Re: horizontal sliding container

TimWitt — Fri, 25 Apr 2014 16:17:04 GMT

Jay,

Maybe this" rel="nofollow" target="_blank">http://dojotoolkit.org/reference-guide/1.9/dojox/layout/ScrollPane.html]this will help?

Check out both examples.

Tim

Re: horizontal sliding container

jaykapalczynski — Fri, 25 Apr 2014 16:27:56 GMT

I am tryign this but cant seem to get the grids inside the Scroll Pane....and there is no horizontal slider

http://jsfiddle.net/Jaykapalczynski/S22vX/1/

Thoughts?

Re: horizontal sliding container

TimWitt — Fri, 25 Apr 2014 16:30:04 GMT

Change:

orientation: "vertical",

orientation: "horizontal",

Re: horizontal sliding container

jaykapalczynski — Fri, 25 Apr 2014 16:35:40 GMT

I have horizontal but vertical scroll is still there...puzzled

http://jsfiddle.net/Jaykapalczynski/S22vX/16/

Trying to get the Grids to line up left to right and have a scroll viewer to scroll over to see them all....

Re: horizontal sliding container

jaykapalczynski — Sat, 11 Dec 2021 13:50:28 GMT

think I got it with this

Formatting into Tables seem to have worked for the DIV tags...

ANYONE else have an idea on how to do differently?

<h2>Declaritive (HTML) Horizontal</h2>

<div data-dojo-type="dijit/layout/ContentPane" title="Boat Ramps">

      <div data-dojo-type="dojox.layout.ScrollPane" data-dojo-props='orientation:"horizontal"' style="max-width:600px; max-height:250px; border:1px solid; overflow:hidden;">
  <table>
   <tr>
    <td><div id="gridNoColumnSets"  class="gridclass" ></div></td>
    <td><div id="gridNoColumnSets2" class="gridclass" ></div></td>
    <td><div id="gridNoColumnSets3" class="gridclass" ></div></td>
    <td><div id="gridNoColumnSets4" class="gridclass" ></div></td>
    <td><div id="gridNoColumnSets5" class="gridclass" ></div></td>
   </tr>
  </table>
 </div>
</div>

Re: horizontal sliding container

jaykapalczynski — Sat, 26 Apr 2014 00:42:02 GMT

got both ways.....auto scroll and manual scroll

http://jsfiddle.net/Jaykapalczynski/MLtky/123/