1. #1
    Sencha User
    Join Date
    Jul 2008
    Posts
    33
    Vote Rating
    0
    muratyildiz is on a distinguished road

      0  

    Thumbs up Ext.ux.PopupWindow (Ext 3.1.1)

    Ext.ux.PopupWindow (Ext 3.1.1)


    IFrame window and panel. With Ext 3.1.1 very nice . Try it.
    Preview screen in PDF file.


    Changed div elements style:
    style="height: 100%;"

    [17.02.2010]


    Attached Files

  2. #2
    Sencha User armagedon's Avatar
    Join Date
    Nov 2008
    Posts
    31
    Vote Rating
    0
    armagedon is on a distinguished road

      0  

    Thumbs up YOU ARE A HERO

    YOU ARE A HERO


    Dear murytyildiz,

    you are my hero :-)

    It works very nice!

    I just suggest to add
    Code:
    style="height: 100%;"
    or

    Code:
    style="height: '+this.height+'px;"
    Otherwise the IFRAME has small default height.

    Code:
                    header :this.header,
                    html: '<div id="divTab-'+this.id+'" style="height: 100%;"><iframe id="frameTab-'+this.id+'" style="overflow:auto;width:100%;height:100%;" frameborder="0"  src="'+this.url+'"></iframe></div>',
                    width : this.width,
    This is very nice piece of code and the best - very simple and light.

    Thank you very much!

  3. #3
    Ext User
    Join Date
    Aug 2007
    Posts
    4
    Vote Rating
    0
    Hagge is on a distinguished road

      0  

    Default


    Quote Originally Posted by muratyildiz View Post
    IFrame window and panel. With Ext 3.1.1 very nice . Try it.
    Preview screen in PDF file.


    Changed div elements style:
    style="height: 100%;"

    Great, just what I was looking for.
    -Works perfect, millions of thanks!

  4. #4
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,508
    Vote Rating
    57
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Overcomplicated. Why are you adding your own handlers for maximize? Ext.Window already has them.

    Why create a div which contains an iframe all of which goes inside the Window's body?

    Why not use

    Code:
        bodyCfg: {tag: 'iframe', src: this.src | 'about:'blank'},
    ...
    
        setUrl: function(url) {
            this.body.dom.src = url;
        }
    ?

    Posting things like this leads people down the wrong path.

  5. #5
    Sencha User
    Join Date
    Jul 2008
    Posts
    33
    Vote Rating
    0
    muratyildiz is on a distinguished road

      0  

    Default


    Thanks Animal.
    Why create a div which contains an iframe all of which goes inside the Window's body?
    you are right for iframe window . But div element must be in iframe panel for fit to parent container (for example when using viewport) .
    I removed maximize restore
    bu added

    Ext.ux.PopupWindow.supperclass.initTools.call(super);

    Sorry my english is bad.


    Quote Originally Posted by Animal View Post
    Overcomplicated. Why are you adding your own handlers for maximize? Ext.Window already has them.

    Why create a div which contains an iframe all of which goes inside the Window's body?

    Why not use

    Code:
        bodyCfg: {tag: 'iframe', src: this.src | 'about:'blank'},
    ...
    
        setUrl: function(url) {
            this.body.dom.src = url;
        }
    ?

    Posting things like this leads people down the wrong path.
    Attached Files

  6. #6
    Sencha User
    Join Date
    Mar 2007
    Posts
    14
    Vote Rating
    0
    Razhick is on a distinguished road

      0  

    Default


    Hi murytyildiz,

    Any sample/demo site?

    Thanks

  7. #7
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    why so many iframes!??!

  8. #8
    Sencha User
    Join Date
    Jul 2008
    Posts
    33
    Vote Rating
    0
    muratyildiz is on a distinguished road

      0  

    Default


    Quote Originally Posted by jgarcia@tdg-i.com View Post
    why so many iframes!??!
    Before I used ManagedIFrame. My code was very simple. But there were many problems in my application. For example viewport, or popup window. When the window was opening ,closing or redirecting page memory crashed and browsers locked. Many of javascript errors. Then so I changed component of popupwindow. Code is very small.

  9. #9
    Sencha User
    Join Date
    Jul 2008
    Posts
    33
    Vote Rating
    0
    muratyildiz is on a distinguished road

      0  

    Default


    Code:
    var w = new Ext.ux.PopupWindow({
    url :  'www.google.com',
    height : 500,
    width : 650,
    id : 'win1',
    title  : 'Google',
    modal : true
    });
    w.show();

  10. #10
    Ext User am1rnet's Avatar
    Join Date
    Mar 2010
    Location
    behind the scene
    Posts
    2
    Vote Rating
    0
    am1rnet is on a distinguished road

      0  

    Default auto max height and width

    auto max height and width


    hi newbie here...

    I m still dont get it,
    how to make opened window automatically max height and width to browser size,
    where shpuld i put :

    style="height: 100%;"

    thank you..