Floating pane doesnot show(X) close button

[DeepikaJain1]

Hi

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]

Deepika,

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

[DeepikaJain1]

no I am not as of now

[RobertScheitlin__GISP · Accepted solution]

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.