Ultimate
Experience the Ultimate in
Quality and Service

© 2014/5 - RichoSoft - All Rights Reserved | Terms of Use | Privacy Policy | About Cookies | Contact

WePlus Tricks
WebPlus Tricks ...

Animated Sliding Panels

Animated Sliding Panels

In the first demo panel we have set the ID of the Panel to specialdeal.


You will need a jquery library on your page so if WebPlus has not added one to your page add (replacing the js/jquery.js with the path and name of your jquery library):




Next add an action to your Close X to call a function, which in this case we have called ocancelIt() so add a custom action and type in ocancelIt();


Next view the attach HTML for the ‘Handle’ and add the following over the __AddCode="here": onclick="oopenIt();" (oopenIt() is the  name of th function we are using is this example).


Finally add the following after the last </div> just before the </body> tag on your page over the <!– Page Body End –> tag.







The -540 is how many pixels to slide out the panel.

The 1300 (in this case) is the time in Milliseconds for the animation duration.



About these Utilities

About these Utilities

These tricks will work with the version of WebPlus specified, and are undocumented modifications to the way some WebPlus functions operate.

I strongly recommend you backup your WPP before applying any of the tricks.

I take no responsibility for any undesirable effects caused by implementing any of these Tricks. You use them at your own risk.



 

Here are some simple to install useful tricks to add additional functionality to some WebPlus features.

Click to open
D
E
M
O
This is a demo slide out panel.

You can add anything you want to the panel.

Images, Videos, Music Players, Forms, Links etc.
Web Services and Add-Ons
Click to open
D
E
M
O
2
This is a demo slide out panel.

A Slower Version and changing
position
Web Services and Add-Ons
next