1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    85
    Answers
    6
    Vote Rating
    0
    toxkillfraex is on a distinguished road

      0  

    Default Answered: expanding a panel on mouse over

    Answered: expanding a panel on mouse over


    right now i have a panel defined as follows

    Code:
    var eastPanel = Ext.create('Ext.panel.Panel',
            {
                xtype: 'panel',
                
                id: 'east-region',
                
                layout: 'fit',
                region: 'east',
                
                width: '15%',
                maxWidth: 90,
                
                collapsible: true,
                collapsed: true,
                collapseMode: 'mini',
                
                split: true, //collapse in correct direction
                
                header : false // no title bar with collapse button
                
            });
    I was wondering if it was possible to make it expand when the mouse goes over the splitter or the mini expand button.
    In turn I would want to make it collapse when the mouse leaves the panel or clicks in another window or panel.

    However I can't seem to find any events in documentation that might help me do this.
    Any ideas?

  2. You would have to get the splitter, add a mouseover listener to it's element and expand the region

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,633
    Answers
    3452
    Vote Rating
    817
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You would have to get the splitter, add a mouseover listener to it's element and expand the region
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User
    Join Date
    Feb 2012
    Posts
    85
    Answers
    6
    Vote Rating
    0
    toxkillfraex is on a distinguished road

      0  

    Default


    Quote Originally Posted by mitchellsimoens View Post
    You would have to get the splitter, add a mouseover listener to it's element and expand the region
    you helped me on the way quite nicely some fiddling around got me with this

    Code:
    Ext.get('appBody').select('.x-splitter').addListener('mouseover',this.dockMouseOver);
                    Ext.get('appBody').select('#east-region-body').addListener('mouseleave', this.dockMouseOut);

    I'm just a little worried I'm not being specific enough on the splitter. So I think it might cause troubles if another splitter gets in the viewport. (which is about to happen to be honest)

    is there a better way to get a hold of the splitter?

    EDIT:
    yeah it just happened...

    both splitters have the event.

Thread Participants: 1

Tags for this Thread