Results 1 to 4 of 4

Thread: Scroll Ext Window

  1. #1
    Sencha User
    Join Date
    Dec 2010
    Posts
    126
    Answers
    1
    Vote Rating
    0
      0  

    Default Scroll Ext Window

    Hi,

    I have an Ext window with components which don't fit into the space of the window so I get a vertical scroll bar in the window. I'm creating a help section and need to get the components into view so I that I can show a tooltip next to them. So how do I scroll individual components into view? The components could be anything.

    I've tried window.scrollBy(), tried Ext.Element's scrollIntoView() & scoll() to no avail.

    Thanks

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,390
    Answers
    716
    Vote Rating
    498
      0  

    Default

    Can you provide a small example of what you currently have?
    When do you want to scroll when the items are not in view?

    Scott.

  3. #3
    Sencha User
    Join Date
    Dec 2010
    Posts
    126
    Answers
    1
    Vote Rating
    0
      0  

    Default

    A simple window with components.. For example I have
    Code:
    Ext.create('Ext.window.Window', {
    layout : 'border', items : [{
    xtype : 'panel',
    region : 'center', items : [{ xtype : 'grid', // grid config }, { xtype : 'form', // form config }, { xtype : 'grid', //grid config }]},
    {
    xtype : 'tree',
    region : 'west',
    //config
    }]
    });
    At any point of time, all three of the components are not visible together, unless the window is maximized. When I display a help tooltip, the component for which I'm going to display the tip has to scroll into view.
    For example, say the user scrolls down and is currently viewing the last grid and then clicks on help, then the first grid should scroll into view and then the help tooltips come up and start showing what information each component is displaying.

  4. #4
    Sencha User
    Join Date
    Dec 2010
    Posts
    126
    Answers
    1
    Vote Rating
    0
      0  

    Default

    I got it working.. I had to turn off the autoScroll of the window, turn on autoScroll on the center panel and use the scrollBy function of the center panel.

    Thanks..

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
  •