how to fix window in it's absolute position and don't scroll on browser scroll?

Question

In ExtJS when I scroll browser window Ext.window.window stays on same position on Viewport. I would like to fix this window on it's absolute position.
I saw documentation says:

fixed : Boolean Configure as true to have this Component fixed at its X, Y coordinates in the browser viewport, immune to scrolling the document.

Defaults to: false

But does not work for me. What I am missing? How to fix window in it's absolute position and don't scroll on browser scroll?

Please create a sencha fiddle. Will help to understand better — Pitchai P
– Pitchai P, Commented Nov 25, 2015 at 9:10
when I set fixed: true, it works. right? The window is at same position, even page is scrolled. — Pitchai P
– Pitchai P, Commented Nov 25, 2015 at 11:38
click left menu several times while right panel makes scroll. and than click "add window" button. I know the problem is fixed height of panel. but this is my layout — gogagubi
– gogagubi, Commented Nov 25, 2015 at 11:39

Pitchai P · Accepted Answer · 2015-11-25 12:18:26Z

1

This part works. But still, are you concerned about constrain?

 handler: function(button){
                                var w = Ext.create('Ext.window.Window', {
                                    height: 150,
                                    width: 200,                                        
                                    renderTo: button.up('fieldset').getEl().dom,
                                    title: 'child window'                                      
                                });

                                this.up('fieldset').add(w);
                                w.show();
                            }

answered Nov 25, 2015 at 12:18

Pitchai P

1,32710 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

gogagubi Over a year ago

thanks this line renderTo: button.up('fieldset').getEl().dom, "super" works. but I have another problem. I leave constrain: true and window which added is not in center

Michel · Accepted Answer · 2015-11-25 12:54:27Z

0

Like this maybe:

handler: function(){
    var w = Ext.create('Ext.window.Window', {
        height: 150,
        width: 200,
        title: 'child window',
    });

    this.up('fieldset').add(w);
    w.show();
}

answered Nov 25, 2015 at 12:54

Michel

5711 gold badge4 silver badges19 bronze badges

Collectives™ on Stack Overflow

how to fix window in it's absolute position and don't scroll on browser scroll?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related