topic Re: Floating pane doesnot show(X) close button in ArcGIS JavaScript Maps SDK Questions

Floating pane doesnot show(X) close button

DeepikaJain1 — Tue, 13 Dec 2016 07:56:26 GMT

I am using floating pane to display datagrid, however it doesnot show me close button on title pane:

Here is the sample code:

var detailsGrid = dijit.byId("ShowVBBDetailsGrid");

if (detailsGrid) {

detailsGrid.destroy();

}

var FP = dijit.byId("FloatingPaneFrVbbDetails");

if (FP) {

// FP.destroyRecursive(false);

}

else {

_this.FloatingPaneFrVbbDetails = new FloatingPane({

title: _this.nls.ExpiredVBB,

resizable: false, dockable: false,

// displayCloseAction: true,

closable: true,

style: "width:752px;height:124px;display:block;left:250px;top:100px;position:absolute;z-index:400;overflow:hidden",

id: "FloatingPaneFrVbbDetails"

}, dojo.byId("pFloatingPane"));

}

_this.FloatingPaneFrVbbDetails.startup();

_this.FloatingPaneFrVbbDetails.show();

var ShowVBBDetailsGrid = new DataGrid({

id: 'ShowVBBDetailsGrid',

store: detaildExpriedVbbObjectStore,

structure: myStructure,

selectionMode: "single",

// autoheight:true,

style: "width:736px;height:122px;left:0px;display:block;z-index:500;font-family:Verdana,Arial,sans-serif;font-size:90%"

});

dojo.place(ShowVBBDetailsGrid.domNode, _this.FloatingPaneFrVbbDetails.containerNode, 'first');

ShowVBBDetailsGrid.startup();

_this.FloatingPaneFrVbbDetails.resize();

RobertScheitlin__GISP — Tue, 13 Dec 2016 13:57:11 GMT

Deepika,

Are you importing the FloatingPane.css and ResizeHandle.css in your code?

DeepikaJain1 — Wed, 14 Dec 2016 04:59:04 GMT

no I am not as of now

RobertScheitlin__GISP — Wed, 14 Dec 2016 13:49:42 GMT

Deepika,

If you look at the documentation for the class then you will see this:

You will need to import the FloatingPane.css and ResizeHandle.css files from the dojox/layout/resources directory. The styles are not included in the main Dojo/theme stylesheets because of the experimental status of the widget.