How to pop up panel without header and body

[livinglegends]

Hi,

I want to open panel or window without header (not even close or minimize or maximize options) .

It should look like I have opened a tool tip. Actually I want to open on click of column of GridPanel. So, it should opened correspondence to position of that grid also.

Refer screen shot which I have attached here. I want same thing.

Please guide me or give some example.

Thanks

[Condor]

If you want that arrow too than you should use an Ext.Tooltip and not an Ext.Panel or Ext.Window.

If you would use an Ext.Panel then you need to configure it with floating:true (already default for tooltip and window).

You can disable the header by configuring the panel (or descendant) with header:false.

[livinglegends]

Is there any configuration for arrow if I use panel?

I can't use tooltip because panel which I want will be interactive. I have to insert GridPanel in that thing.

Any work around?

[livinglegends]

I have used following code to show up panel with floating property but panel is not visible. what is wrong?

{
                                xtype: 'button',
                                text: 'Panel',
                                handler: function() {
                                    
                                    var panel = new Ext.Panel({
                                        floating: true,
                                        header: false,
                                        height: 300,
                                        width: 400
                                    });
                                    panel.on('afterrender', function() {
                                    
                                        panel.setPagePosition(100, 100);                                        
                                    });
                                    panel.show();
                                }
                            }

[Condor]

Ext.Panel.show() doesn't actually render the panel unless you configure it with autoRender:true.

ps. An Ext.Tooltip is an Ext.Panel descendant, so it can contain grids etc.

[livinglegends]

autoRender:true property resolved problem and works like charm.

Now, I have panel without header it looks same as per screenshot. But, one thing missing is arrow and round border.
is it possible here in panel?

can you provide any example of Tooltip having components?