javascript - Dojo/Dijit TitlePane( basemap 画廊)的位置

我一直试图将fiddle code的Basemap Gallery TitlePane放置在mapDiv（中心）窗格的右侧，滑块旁边（标记为“ BASEMAPS HERE”）。
我在窗格的右上角创建了一个名为switchPane的div，我想让TitlePane转到那里（我最初以为是在div的“内部”，但它似乎不起作用），而不是在顶部一个切换按钮，用于打开和关闭右侧窗格。
我可以为滑块做一个内联绝对放置（我尝试了相对放置，但是没有用），但是我不能对底图图库TitlePane做同样的事情。我试图更改widjet的许多CSS属性，但是却迷路了，找不到要覆盖的属性！

最佳答案

我测试了您的提琴，发现您的班级被另一个班级所覆盖，因此您的Basemapgallery不会像预期的那样出现。在这里查看我的小提琴：http://jsfiddle.net/e0k6Lfsa/8/
我为tp设置了单独的分类，并将position属性设置为重要。

.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的类将被覆盖，并且您的正确位置的thers将不起作用。

问候，Miriam