1. #1
    Sencha User
    Join Date
    Sep 2010
    Posts
    28
    Vote Rating
    0
    willi is on a distinguished road

      0  

    Default Unanswered: modal panel not centered when draggable

    Unanswered: modal panel not centered when draggable


    Hi,

    when I use the following code from the examples for floating components
    Code:
    Ext.application({
            name: "Modal-Test",
            
            icon: 'icon.png',
            
            launch: function () {
                    Ext.Viewport.add({
                        xtype: 'panel',
                        html: 'This is a centered and modal panel',
                        modal: true,
                        //hideOnMaskTap: true,
                        centered: true,
                        draggable: true
                    });
            }
    });
    and only add the line
    Code:
    draggable: true
    the floating panel isn't centered anymore and you can't drag it to the top of the screen.

    I've searched the forums but didn't find a solution and my last thread on this topic wasn't answered. So, can please anybody help me with this!?

    Thanks!

  2. #2
    Sencha User
    Join Date
    Sep 2010
    Posts
    28
    Vote Rating
    0
    willi is on a distinguished road

      0  

    Default


    Anyone!? What am I doing wrong? Can anybody proof that these few lines of code aren't working correct? Or does anybody have a working example for a draggable modal panel for me? Support!?

  3. #3
    Sencha User
    Join Date
    Feb 2011
    Location
    Düsseldorf, Germany
    Posts
    574
    Answers
    34
    Vote Rating
    31
    Kurt001 has a spectacular aura about Kurt001 has a spectacular aura about

      0  

  4. #4
    Sencha User
    Join Date
    Sep 2010
    Posts
    28
    Vote Rating
    0
    willi is on a distinguished road

      0  

    Default


    Hi Kurt, thanks for your reply but this is not my problem.

    As I tried to explain before: The problem is the line "draggable: true".
    If I leave it away, my modal panel is centered. If I add it, it isn't! It is positioned at the left and can't be dragged to the top.
    And again, these lines of code are my only application! Just take a blank project, insert this code and you should see what I mean. And if not I'm doing something wrong which I'm not aware of but could then correct it. So, please, could anyone proof this for me - support!?

    Thx in advance!

Thread Participants: 1