Page 1 of 2

Tab Slide Out (free)

Posted: Fri Sep 30, 2011 4:50 pm
by Adendum
The Tab Slide Out extension is now available from the main extension site - here and also from my extension demo site. The help file is also available online from the same page.

This tabbed slide out panel extension is a jQuery and CSS based tool based on William Paoli's original code.

PLEASE READ THE HELP FILE BEFORE REQUESTING SUPPORT.

Demo of the extension

Re: Tab Slide Out (free)

Posted: Fri Sep 30, 2011 5:29 pm
by Adendum
topdrawer wrote:That's very good news. I'm a new user and think WWB7 is well put together. I would like to ask about removing a link from an image, but can't figure out how to start a new thread. Can you help on either? Much appreciated, topdrawer.
New Thread: Go to the board index, location the sub-section you are interested in (probably General Questions) and click on NEW TOPIC at the top of the page.

De-Link an image: Click on the image and from the menu bar click on the LINK image and edit the items in that pop up.

Hopefully one of the moderators will move your post and my reply to the correct area?????

Re: Tab Slide Out (free)

Posted: Sat Oct 01, 2011 6:35 am
by zinc
Great stuff, but it would be good if we could pages rather than text with links for contents. It also clashes with a few j-powered objects on my site. I suspect it is the jquery version malarkey.

Re: Tab Slide Out (free)

Posted: Sat Oct 01, 2011 12:43 pm
by Adendum
Bendigo,

Thanks. Not sure I understand your first bit. You can use anything you want in the panel - try an inline frame?

It uses jQuery 1.4.2 plus the original authors jQuery plugin.

Re: Tab Slide Out (free)

Posted: Sat Oct 01, 2011 12:59 pm
by zinc
Yes an iFrame is exactly what I meant.

Re: Tab Slide Out (free)

Posted: Sat Oct 01, 2011 2:56 pm
by Adendum
Bendigo,

I just did a simple test page using Google as my iFrame source and it works fine.

Re: Tab Slide Out (free)

Posted: Sat Oct 01, 2011 6:20 pm
by zinc
How did you add the iframe? Did you use the html code?

Re: Tab Slide Out (free)

Posted: Sun Oct 02, 2011 10:33 am
by Adendum
I used the button within the HTML Textbox extension

Re: Tab Slide Out (free)

Posted: Sun Oct 02, 2011 10:40 am
by zinc
I see I got it now. Cheers

Re: Tab Slide Out (free)

Posted: Tue Oct 04, 2011 3:33 pm
by jordan
H.Moly your busy Paul another one
+TNX for your index update mail . :) .

UPDATED: Tab Slide Out (free)

Posted: Fri Nov 11, 2011 8:00 am
by Adendum
10/11/11 :
(a) I used my own extension for the first time since it was developed and I found it a bit confusing! :roll: So I have re-worded some of the property names and added improved descriptions together with a small enhancement to the help file (pdf).

(b) Having only realised I could do this yesterday (doh!) I have modified this extension (and all my extensions - see list below) so that the live rendering of the extension in design view is greatly improved. In many cases the design view will take on a background colour you set in the extension properties.

Updates available from the WWB extensions site and my own demo site. Remember to check out the extensions listed below.

Anything Slider
Automated ToolTip
Directory Listing
Elastic Thumbnail Menu
Image Information Panels
Image Swap Menu
Kick-Butt-Mega-Menu
Orbit Slider
Photo Info
Simple Horizontal Accordion
Slide Down Box Menu
Stacked Images

Re: Tab Slide Out (free)

Posted: Fri Dec 02, 2011 11:58 pm
by Adendum
For any user who has used this extension and experienced issues with the RIGHT setting I have uploaded a new demo page that shows you how to set this up. You need to use a transparent layer, set as a Sticky Layer, with an orientation of Centre - Right. You can also gain some animation using this option.

New demo page here.

Re: Tab Slide Out (free)

Posted: Sat Dec 03, 2011 4:09 am
by ColinM
Nice one Paul!

Can see a few good uses for that :wink: - especially on my new site (stay tuned :mrgreen: ) - thanks for that mate! 8)

Re: Tab Slide Out (free)

Posted: Tue Jul 31, 2012 12:34 pm
by Adendum
Givi20,

OK the easiest way to get a form working inside Tabslideout is to create your form as a separate page (using a PHP extension of course). You then need to call that separate page into Tabslideout using an inline frame from the HTML TextBox extension.

I have now edited the demo page that had a dummy form and it now uses a simple comments form created by the WWB Wizard. The FORM is a page called theform.php and the extension calls that page in to an iFrame.

Re: Tab Slide Out (free)

Posted: Tue Jul 31, 2012 3:30 pm
by Adendum
You are welcome - let us see the finished page :)