Dojo/Dijit TitlePane（底图库）放置

Question

我一直在尝试将此 fiddle code 的底图库 TitlePane 放在 mapDiv（中心）窗格的右侧，就在滑块旁边（标记为“BASEMAPS HERE”）。我在窗格的右上角创建了一个名为 switchPane 的 div，我希望 TitlePane 去那里（我最初认为 div 但它似乎不起作用）并且不在用于打开和关闭右窗格的切换按钮之上。我可以为滑块进行内联绝对放置（我尝试使用相对位置，但没有成功），但我无法为底图库标题面板做同样的事情。我尝试更改 widjet 的许多 CSS 属性，但我迷路了，找不到要覆盖的属性！

Answer 1

我测试了你的 fiddle 并发现你的 class 被另一个覆盖了，所以你的 Basemapgallery 不会显示为 expectet。在此处查看我的 fiddle：http://jsfiddle.net/e0k6Lfsa/8/ 我为 tp 设置了一个单独的类，并将位置属性设置为重要。

.tpclass { 
position:absolute !important;
top:10px !important;
right:40px !important;
}

var switchPane = domConstruct.toDom("<div id='switchPane' style='position: absolute; right:45px; top:2px; z-Index:999;'><strong>BASEMAPS HERE</strong></div>");
domConstruct.place(switchPane, "mapDiv");   

  var tp = new TitlePane({
    id: "tp",
    title:"Basemaps",
    closable: false,
    open: false,
    region:"mapDiv",
    class:"tpclass"
    },dom.byId("switchPane"));

请务必删除 //appLayout.addChild(tp);行，因此，Titlepane 的 class 被覆盖，您的位置右侧的其他内容将不起作用。

此致，米里亚姆

Dojo/Dijit TitlePane（底图库）放置

Dojo/Dijit TitlePane (Basemap Gallery) Placement

javascript

html

css

dojo

arcgis-js-api