The WebApp Wizard Web development made magical


Sliding Panel v1.2.0

I just released a new version of Sliding Panel, to allow more positioning possibilities.

Now you can use the offset parameter to position it right where you want it to be, for example, you could place it bottom right either by using:

position: 'right'
offset: {bottom: '0px'}

Which would place it at the bottom right, and make it slide horizontally


position: 'bottom'
offset: {right: '0px'}

Which would place it at the bottom right, and make it slide vertically.

You can also combine bottom and right offset for example, to fine tune the position, and, maybe, make the tab appear outside your container.

Feel free to try it out!


Sliding Panel v1.1.0

In reply to Michael Teague on this post, I decided to make a few improvements to the Sliding Panel jQuery plugin.

The main improvement is about positionning. Now you have the ability to set a sliding panel at the top or bottom of your page, in addition to the left/right options. Everything is managed by the plugin to ensure a good experience: if you choose to set your panel at the top of your page, then it will slide upwards. If you choose to set it at the bottom, then it will slide downwards, etc. In the same way, if you put the panel at the top or bottom, the default tab text will be horizontal instead of vertical (default behavior) for the left and right options.

It has been tested with jQuery 1.3.2/jQueryUI 1.7.2 and jQuery 1.4.2/jQueryUI 1.8.2, so it should work just fine.

Sliding Panel v1.1.0 is out!


Sliding Panel v1.0.1

When putting in place the demo page for Sliding Panel, I realized some parameters were missing. In fact, v1.0.0 wasn't usable in all cases, mostly for CSS reasons.

So rather than let you add some custom CSS, I decided to add an offset parameter to allow proper positioning, depending on your DOM and CSS.

Sliding Panel v1.0.1 is out!


Sliding Panel, a nice way to help your users

Sliding Panel in actionI am really glad to announce I just released my first jQuery plugin. Or at least, my first publicly released jQuery plugin.

The goal was to allow to display help and examples to the visitor in an easy and user-friendly fashion. But as you can imagine, you can display just anything you want, in a nice sliding panel.

I let you discover this plugin here.