Dears,

I'm trying to implement a lock mechanism for a panel placeholder through a tool/button placed in the placeholder of the panel.
This panel resides in a Window with BorderLayout.

I tried using the tags <PlaceHolder> in the panel markup code, but it seems whatever I place there is ignored, but I managed to add a button after rendering the page through the below JS code.

        App.myPanel.placeholder.add(new Ext.Button(
        { id: 'LockBtn',
            toolTip: 'Lock Panel',
            toFrontOnShow: true,
            enableToggle: true}
        }));
After the code is run the button appears in the PlaceHolder, but once I click it, the panel expands (in what I call preview mode?).
This would quite annoying for the user as each time the button is click the panel expands. Is there a way to fix this?

Also, the reason for placing this custom button/tool is to lock the panel from expanding, by user or if invoked by a code, is there an existing way to implement this?

I am using Ext.NET 2.1.1.

Your help would be greatly appreciated.