Results 1 to 2 of 2

Thread: Ext.Tab.Panel getting cut off on window maximize

  1. #1
    Sencha User
    Join Date
    Jun 2014
    Posts
    5
    Answers
    1

    Default Answered: Ext.Tab.Panel getting cut off on window maximize

    If I start the program in a small window, then maximize the window, components in the Ext.Tab.Panel which take up the new space offered by the maximized window are not displayed. For example, if the panel initially takes up a 100x100 space, and then the window is expanded to a 500x500 space, components in the panel which are not in the original 100x100 space are not shown. I've included some images to help explain this issue:

    Initial small window:
    ribbon_window_small.PNG

    Maximized window with panel cut off:
    ribbon_window_cutoff.jpg

    Maximized window with the panel looking as it should:
    ribbon_window_full.jpg

  2. Fixed with the following code:


    Code:
        initComponent: function () {
            var self = this;
    
            self.callParent(arguments);
            
            $(window).on('resize', function (event) {
                var width = event.target.innerWidth;
                self.setWidth(width);
            });
        },

  3. #2
    Sencha User
    Join Date
    Jun 2014
    Posts
    5
    Answers
    1

    Default

    Fixed with the following code:


    Code:
        initComponent: function () {
            var self = this;
    
            self.callParent(arguments);
            
            $(window).on('resize', function (event) {
                var width = event.target.innerWidth;
                self.setWidth(width);
            });
        },

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
  •