microneer / jquery.tabslideout.js Goto Github PK

New events onBeforeOpen and onBeforeClose would be nice in case we want to cancel or do something else.

Check out this JSFiddle

http://jsfiddle.net/xLow0hxh/

Click the button you will see the Right tab open then close. It is related to this..

http://stackoverflow.com/questions/25264726/why-is-the-onclick-event-triggered-twice

But I can't seem to figure out the right place in the JS to fix this.

Really like plugin and I have looked at almost 20 trying to find a good one.

Please add a "push" option. Basically, the tab "pushes" the page contents instead of sliding over the content. Thanks.

I am having trouble getting the tab to actually line up with the panel when positioned on the right. See this JSFiddle for an example.

http://jsfiddle.net/grqxq591/12/

When you click the tab you will see it is floating away from the body. Any thoughts?

I just submitted a PR to dynamically figure out the width and height of the tabImage which works great. The only issue is the image is rotated incorrectly.

Example:
http://jsfiddle.net/grqxq591/15/

Hi! Thanks for this excelent plugin. But i suggest a improvement.

Multi tabs in single set, the next links a example from this feacture.

http://www.jqueryscript.net/other/Minimal-Drawer-Sidebar-Plugin-with-jQuery-Sidebar-js.html
http://www.jqueryscript.net/demo/Minimal-Drawer-Sidebar-Plugin-with-jQuery-Sidebar-js/

Can you implement this please?

Hey great job on this component it fit our needs exactly. However we did find 1 issue. We are NOT using an image for our tab but instead text. Your current code will not display text in the tab. See this JSFiddle below.

http://jsfiddle.net/grqxq591/4/

I have this line commented out and everything works:
//'textIndent' : '-99999px',

If you uncomment that line and re-execute it you will see the word "Feedback" no longer appears on the tab. Other than that the component works like a charm.

hello,

is it possible to use the tabLocation more than once in order to get serveral tabs in a row/side by side?

thanks for reply

I have another interesting one for you. Go to my demo here:

http://melloware.dyndns-free.com:8080/pe-showcase/sections/slideout/basicUsage.jsf

1. Expand the Contact tab.

2. In the TextArea drag the bottom right corner which resizes it so it resizes the whole tab pane.

3. Now close the slideout. The sizing is messed up.

I wonder if we can somehow know its resized and re-calculate the tab sizing?

Please take a look here: http://demo.accesspressthemes.com/wordpress-plugins/easy-side-tab-pro/demo/

Has anyone figured out a way to display scrollbars on the panel div when the content overflows the height? I have been trying for hours to figure out a way to make this happen and I am out of ideas of what to try.

Thanks,
Jason