Results 1 to 3 of 3

Thread: Slide in overlay

  1. #1

    Default Slide in overlay

    Hey guys, i'd like to have a prebuilt area on my extjs application, perhaps a region in my viewport, that i can trigger fairly easily and load up with whatever. I'd like to have it slide in from the right hand side, and mask whatever else is 'behind' it. I have been experimenting with collapsing and disabling panels, but theres really no combination of things here that equate to what i need.

    I'm thinking i need to build an extension of .Panel that can be created and triggered to animate in. I'm not really sure how to start however, does anyone have any pointers?

  2. #2
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,890

    Default

    Code:
    var parentEl = <element to slide the Panel into>;
    var myPanel=new Ext.Panel({renderTo: paretel,
        title: 'I slide in',
        height:200,
        width:200
    });
    myPanel.el.alignTo(parentEl, 'r-r');
    myPanel.el.slideIn('r');

  3. #3

    Default

    Thanks for the reply!

    I'm using a border layout for my viewport, so in attaching to my center region as the parentEl, i get what the correct panel. I have a few questions related to size and position. I would like this panel to be the same height as its parent, and aligned to the top, rather than the center. I have had a play around with the config options but i cannot seem to coax this result out of it?

Similar Threads

  1. Hints for making the indicator show up only when moving from slide to slide.
    By nosarious in forum Sencha Touch 1.x: Discussion
    Replies: 2
    Last Post: 29 Aug 2010, 6:15 PM
  2. [FIXED-185] TabPanel with 'slide' animation should slide the other direction
    By orangechicken in forum Sencha Touch 1.x: Bugs
    Replies: 6
    Last Post: 13 Aug 2010, 1:02 AM
  3. Card Layout with Slide Out and Slide In of the components
    By prasadk14 in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 27 Jul 2010, 11:35 PM
  4. Animate Toolbar Prob - Slide out one slide in another
    By coolbeans in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 19 Aug 2009, 9:39 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •