The WebApp Wizard Web development made magical

Demonstration

Sliding Panel is a simple way to display examples to your users.

You can also use it to display any kind of information: help contents, options panel... The only limit is your imagination!

Here is a nice looking example
Simple and effective, isn't it?
Yeah, that's possible, thanks to Sliding Panel!
Hide this example

Moreover, you can customize it the way you want, so that it fits your environment. Ain't it great?

If you want the panel to place relatively to its container, like in this example, and not relatively to the whole body, the container should be set to position: relative.

Of course, any suggestion is very welcome.



Comments (11) Trackbacks (3)
  1. completely busted in safari

  2. Hi Bob.
    Oops, yes, it seems there is a problem with the offset in Safari. I have to work on positionning though, so I’ll fix this by the way. Thanks for the bug report.

  3. In fact, I have a problem with my WordPress theme. The panel has position: absolute but I would have to place it inside a relative positionned container, which I just did.

  4. Here’s a pretty neat jQuery Sticky Scroller: Allows for callbacks at specified intervals. http://www.vertstudios.com/blog/jquery-sticky-scroller-position-fixed-plugin/

  5. Thanks, I’ll check it out if I implement a fixed-position solution for Sliding Panel.

  6. Do you have a spam issue on this site; I also am a blogger, and I was curious about your situation; we have developed some nice methods and we are looking to swap methods with other folks, be sure to shoot me an email if interested.

  7. Not working in most recent Firefox either.

  8. Damn, you’re right. WTF is wrong with FF5? *Sigh* I’ll have to debug this, I guess.

    If you’ve got time, you can also fork me on GitHub, if you think you have a solution: https://github.com/pjparra/Sliding-Panel

  9. My. God.
    In fact, that was not an FF5 issue. WordPress would replace my script tag src with some erroneous ajax.googleapi.com URL. Of course, my plugin is not on Google ajax API…
    I can’t believe that. I double, triple checked my script tag, took the URL and paste it in a browser. The URL was fine, my script really resided there.
    But… No. I inspected the HTML code of this page with Firebug, and what a surprise… 404. My script was not even loaded ! Unbelievable. I replaced the blog.pierrejeanparra.com URL with a site.pierrejeanparra.com one (that was the old sub-domain for this blog), and now it works fine. But I still don’t understand why…
    Anyway, you can use this plugin safely, it works juste fine.


Leave a comment

(required)

You can use basic HTML to enlighten your comments. If you want to post some code, please use the <pre> tag. You can also use syntax coloring by adding class="syntax [language]". <pre class="syntax js"> will color your code as if it was JS code for instance.