topic Re: UI customization - Sizable panel for map - Solved in ArcGIS JavaScript Maps SDK Questions

UI customization - Sizable panel for map and scroobar

ShaningYu — Wed, 22 Jan 2014 17:46:42 GMT

I borrowed ESRI BAAJ template and created a map page. But I got 2 problems:
1) The scrollbar of the Right Panel is missing. The related code is below:
<div id="rightPane" dojotype="dijit.layout.ContentPane" region="right" overflow: auto;>
...
</div>
and
<div dojotype="dijit.TitlePane" title="Switch Basemap" open="false">
<div id="basemapGallery" style="overflow:auto;"></div>
</div>
How can the scrollbar be added?
2) The center panel is container for the map. But it is not well-sizable (e.g. the height and width have maximum values).
<div id="map" dojotype="dijit.layout.ContentPane" region="center" style="overflow:hidden;">
</div>
How can this problem be solved.
Thanks in advance if you can hint me.

Re: UI customization - scrollbar

ShaningYu — Wed, 22 Jan 2014 18:17:06 GMT

Prob. 1) got solved by adding
        <style>
           ....
            #basemapGallery { overflow: auto; }
        </style>
or
        <style>
           ....
            #rightPane { overflow:auto; }
        </style>

Re: UI customization - Sizable panel for map - Solved

ShaningYu — Thu, 30 Jan 2014 18:33:52 GMT

Using ESRI template, Prob. 1was gone.