Hybrid View

  1. #1
    Sencha User
    Join Date
    Oct 2008
    Posts
    278
    Vote Rating
    0
    livinglegends is on a distinguished road

      0  

    Default How to pop up panel without header and body

    How to pop up panel without header and body


    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
    Attached Images

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    97
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    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.

  3. #3
    Sencha User
    Join Date
    Oct 2008
    Posts
    278
    Vote Rating
    0
    livinglegends is on a distinguished road

      0  

    Default


    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?

  4. #4
    Sencha User
    Join Date
    Oct 2008
    Posts
    278
    Vote Rating
    0
    livinglegends is on a distinguished road

      0  

    Default


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

    Code:
    {
                                    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();
                                    }
                                }

  5. #5
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    97
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    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.

  6. #6
    Sencha User
    Join Date
    Oct 2008
    Posts
    278
    Vote Rating
    0
    livinglegends is on a distinguished road

      0  

    Default


    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?

Similar Threads

  1. Panel Pop Out
    By mpark17 in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 15 Jul 2010, 7:07 AM
  2. Mixed TableColumn alignment header/body
    By jraue in forum Ext GWT: Help & Discussion (1.x)
    Replies: 3
    Last Post: 16 Jun 2009, 5:28 AM
  3. [2.2] Grid body doesnt align with Header
    By sam_sant2005 in forum Ext 2.x: Help & Discussion
    Replies: 7
    Last Post: 1 Jun 2009, 11:38 PM
  4. None synchronized header and body in RTL grid.
    By michal in forum Ext 1.x: Help & Discussion
    Replies: 0
    Last Post: 7 Oct 2008, 8:48 AM
  5. gap between grid border and header/body
    By debtman7 in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 31 Jul 2008, 9:14 AM

Thread Participants: 1