Results 1 to 3 of 3

Thread: How can we create overlays using ext js 4.2.2?

  1. #1
    Sencha User
    Join Date
    Apr 2014
    Posts
    19
    Answers
    2

    Default Answered: How can we create overlays using ext js 4.2.2?

    Hi, can any one please tell me how to create overlays using ext js 4.2.2. ?
    Overlay.png
    On click of ">>" i have to get overlay form as shown in image.
    Please help me.

  2. Code:
    Ext.onReady(function() {
    
        new Ext.button.Button({
            text: 'Click me',
            renderTo: document.body,
            handler: function(btn) {
                var form = new Ext.form.Panel({
                    floating: true,
                    width: 300,
                    height: 200,
                    title: 'Foo',
                    bodyPadding: 10,
                    items: {
                        xtype: 'textfield'
                    }
                });
                form.showBy(btn, 'tl-tr');
            },
            margin: 50
        });
    });

  3. #2
    Sencha Premium User evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    19,256
    Answers
    759

    Default

    Code:
    Ext.onReady(function() {
    
        new Ext.button.Button({
            text: 'Click me',
            renderTo: document.body,
            handler: function(btn) {
                var form = new Ext.form.Panel({
                    floating: true,
                    width: 300,
                    height: 200,
                    title: 'Foo',
                    bodyPadding: 10,
                    items: {
                        xtype: 'textfield'
                    }
                });
                form.showBy(btn, 'tl-tr');
            },
            margin: 50
        });
    });
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.

  4. #3
    Sencha User
    Join Date
    Apr 2014
    Posts
    19
    Answers
    2

    Default

    Thanks for the quick reply.
    The code which you posted works, but how can we hide the form if we click outside the popup form

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •