Question

我一直在尝试将此fiddle code的底图库 TitlePane 放置在mapDiv（中心）窗格的右侧，紧挨着滑块（标记为＆＃34; BASEMAPS HERE＆＃34;）。我在窗格的右上角创建了一个名为 switchPane 的div，我希望TitlePane能够去那里（我最初认为＆＃34;内部＆＃34; div但它没有＆＃39; t似乎正在工作）而不是在切换按钮的顶部，用于打开和关闭右窗格。我可以为滑块制作内联绝对位置（我尝试使用亲戚，但它没有工作），但我不能为Basemaps Gallery TitlePane做同样的事情。我试图改变widjet的许多CSS属性，但是我迷路了没找到要覆盖的那个！

Answer 1

我测试了你的小提琴并发现你的课程被另一个人覆盖，所以你的Basemapgallery不会显示为expectet。在这里查看我的小提琴：http://jsfiddle.net/e0k6Lfsa/8/ 我为tp设置了一个单独的clas，并将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的类被覆盖，而你的位置权利也不起作用。

此致仪

Dojo / Dijit TitlePane（底图库）放置

1 个答案: