I don't recall if FloatingPane has a .destroyRecursive() or not, but have you considered creating the FP once, close it when you need to (sets display = none), when you are ready to display it again, set its content the way you want it, and just show it? Avoids the constant creation/destruction of the FP.

Yes, fwiw, .close()'ing a dialog destroys it and it's children. hide()'ing a dialog simply "docks" it, which you can make invisible via css rules. then you can programatically show()/hide() or restore() the FloatingPane.

fp.hide();
fp.setContent("foo bar baz");
fp.show();

FloatingPane's container is a dojox.layout.ContentPane, so any of those methods will work.

Where in the script is the little x that closes the pane. I want to change that click funtion to somting else. I am not sure what is calling that function.

I see this,

I dont want to close, I want to change the css. I am not sure where this dojoattachpoint="closeNode" is.

Thanks for all the help,
timgerr

Thanks for the information but I was needing to find the function that closes the pane and change it to hide the pane. I am not sure where that code is withing the javascript.

Timgerr

Sorry for not being more specific, I was wondering what code I have to change I want to know what is closing to pane, what line of code. I am trying to learn what is happening so I can make the best changes for my situation.

I am looking for what is calling the close and when I find that I might be able to change it to use the dijit.byId('myFPid').close=function(){this.hide();}

I am learning this so I might not be explaining this correctly.

Thanks,
timgerr

OK so I have been playing around with this and working with test_FloatinPane.html

One(1) example is this

    

    

    

    


hide first pane |
show first pane |

the last line before the close body tag I do this

dojo.addOnLoad(dijit.byId('floater1').hide());

I want to not have this pane open when I get to the page. When I add that last line I get this error

dijit.byId("floater1") has no properties
[Break on this error] dojo.addOnLoad(dijit.byId('floater1').hide());

Why am I getting that error when It works fine when I press hide first pane ??

Thanks for the help
timgerr

This is not documented heavily, but after reviewing comments in the Dojo Source Code I determined the proper way to "kill" a previously instantiated object (widget) is thus:

if(thePane){ // Where thePane is the variable name of the previously instantiated Floating Pane
	thePane.destroyRecursive(true); // DestroyRecursive deletes the Pane and any Widgets contained by the pane
}

OK here is what I did, around line 158 of FloatingPane.js I change
this.hide(dojo.hitch(this,"Destroy"));
to
this.hide(dojo.hitch(this,"hide"));

This will hide the pane instead of closing it.

Thanks for ALL!!!!! the help.

timgerr

Thanks for the feed back. Here is what I do not understad (because I have a little brain). I have this X that calles this.hide(dojo.hitch(this,"Destroy")); How (what does the code look like) can I add this dijit.byId('myFPid').close=function(){this.hide();}, so when I click on the X the screen will be hidden?

Thanks,
timgerr

one failsafe solution would probably look like:

dojo.extend(dojox.layout.FloatingPane,{
    close: function(){
        this.hide();
    }
});

ROCK ON, Thanks frankf and dante.

timgerr

Hi. I'm very new to dojo and this post has helped me do what I'm trying to do, so thanks. However, it seems like this solution goes to far in overriding close method. That means that anything that calls the close method on the FloatingPane will actually end up hiding it. But there may be times when you really do want to close it. What we really need to override is the function that gets called when the user clicks the close button. Instead of calling this.close(), that method should call this.hide(). Unfortunately, since I'm such a newbie, I haven't been able to figure out how to do this. Anyone have any ideas? I've seen some reference in source to onCloseBoxClick, but I haven't been able to figure it out.

You can go into the source .js file and change onclick=close to onclick=hide, but that presents a problem when you overwrite the .js file with dojo updates.

You can subclass, but then you have to remember to use the new class name.

Or you can

I personally would use the latter, but everyone has different likes, dislikes, preferences.

Or you could probably do (note "hide" for the onclick event for the "closeNode" replaced "close")

but that seems pretty messy... :)