Select to view content in your preferred language

UI customization - Sizable panel for map and scroobar

511
2
Jump to solution
01-22-2014 09:46 AM
ShaningYu
Honored Contributor
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.
0 Kudos
1 Solution

Accepted Solutions
ShaningYu
Honored Contributor
Using ESRI template, Prob. 1was gone.

View solution in original post

0 Kudos
2 Replies
ShaningYu
Honored Contributor
Prob. 1) got solved by adding
        <style>
           ....
            #basemapGallery { overflow: auto; }
        </style>
or
        <style>
           ....
            #rightPane { overflow:auto; }
        </style>
0 Kudos
ShaningYu
Honored Contributor
Using ESRI template, Prob. 1was gone.
0 Kudos