Sliding out a Panel

[stevenlangbroek]

Hey guys,

Since there aren't alot of tutorials for v2 yet, I'm just learning as I go based on the API-documentation, but unfortunately I'm a little fuzzy on some things. For example: I've built an app with a title-bar with some buttons, and below that an hbox-panel with 2 items. I want to slide the left-most panel out of screen upon clicking a button in the top-bar, but I'm not sure how to write the handler for this... Anyone care to help me out?

ui: 'back',
text: 'Terug',
handler: function(){
    // what goes here?
                
}

Thanks!

Steven

[mitchellsimoens]

So you want to use Ext.Anim to slide the panel out?

[stevenlangbroek]

Uh yeah... I think so... I tried that but when I use 'toolbar' (which I'd defined as the ID of the element I wanna slide out) I get Uncaught TypeError: Cannot call method 'run' of undefined in my DOM-inspector... Am I missing something here selector-wise?

[mitchellsimoens]

Have you loaded Ext.Anim?

[stevenlangbroek]

Lol, ok thnx for that (no I didn't). I've now loaded it in requires for my Ext.Application, but still no dice... error is gone though...

[stevenlangbroek]

Any thoughts on this? Here's my code:

ui: 'back',
text: 'Terug',
handler: function(){
    
    Ext.Anim.run('toolbar', 'slide', {
        out: true,
        autoClear: false
    });
                
}