Results 1 to 2 of 2

Thread: [4.0.6] How to float panel

  1. #1
    Sencha User
    Join Date
    Aug 2011
    Location
    Singapore
    Posts
    21
    Vote Rating
    1
      0  

    Default [4.0.6] How to float panel

    Hi,

    I would like to have a panel that behaves like the following:
    • a div with a fixed height (e.g. 500px), hidden under the element above it (using z-index)
    • set to top: -470px so that only the last 30px is revealed. In the last 30px, i haev a fit-layout button docked to bottom in dockedItems.
    • when the button is toggled, i want to show the div (i.e. set top:0) by sliding down and hides by sliding up (i.e. set top: -470px)
    • the div should be floating above the content rather than pushing the content down.

    I could do this easily with normal html and jquery. But i am having trouble implementing this with Ext JS.

    I have set floating: true but how can i get it to appear by default and in the correct order under the container's items?

    ANy help will be appreciated.


    Thanks!

  2. #2
    Sencha User
    Join Date
    Aug 2011
    Location
    Singapore
    Posts
    21
    Vote Rating
    1
      0  

    Default

    Hmm.. Anyone?

    Also, should i be using windows or panel for this?

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
  •