eduardomb / jquery-panelslider Goto Github PK

Hi,

thanks for this dev, it help me in my current training.
I probably missed something, but how to open the panel in jquery ?

-> I would like to open the panel if the width of the window is > XXpx

Thanks in advance.
Nico.

Hi! i do not know what the "psOpen" "psClose" mean , can you make explain for me, thanks

I can add this on a phpbb platform?

Greetings,

Thanks for this great plugin. I am curious if there is a way I can set the panel to not affect the content below it. I would like the panel to slide over the content and not push it in the direction the panel is moving. I have tried playing with z-index and css positioning and was not successful. Fox example, I would like a panel that has a width of 90% and slightly transparent background where the content beneath is visible. Any suggestions would be greatly appreciated. Thanks so much. Cheers

Hi, thanks a million for this slide panel!

I'm not too hot on JS/JQuery and I was wondering if you could send over a snippet of code that allows the panel to animate using - jQuery Easing Plugin (version 1.3) http://gsgd.co.uk/sandbox/jquery/easing/

Ideally it would go good to have an animation for slide out and slide in, but if that's a pain then one animation would be great!

Thanks!
Sanj

I think, it should support up and down sides as well. I can try it. :)

Hi,
I've enabled close click event, but on tablet and mobile this is not working.

Is there a fix for this please?

Thanks
Sanj

The jquery-panelslider demo works fine in Chrome (46.0.2490.86 m) and Firefox (42.0), but it does not work in IE (11.0.9600.18097).

In IE 11, a left panel flies out but the content is still off to the left of the viewport. I assume it is supposed to work with IE 11. Please see images of panelslider demo in Chrome, Firefox and IE11 (respectively) below after the Open Left Panel link is clicked.

Any thoughts on how I can troubleshoot this issue?

Thanks.

Hi,

Thank you for this script.
I have a little problem : when I open the panel the first time, it works well. Second time, it's impossible to open it again.

Do you have any idea ?

Hi, I failed in finding the License information. I am about to use this plugins in one Commercial project, is that OK? Please keep me posted with the license information of this plugin. Thank you!

Dear Team

Push:false is not working with AdminLTE Bootstrap Theme.

In my case, the panel is note hide/removeClass, just move outisde.
I fixed it by doing this:

active.animate(panelAnimation, duration, function() {
//    $body.animate(bodyAnimation, duration, function() {
      active.hide();
      active.removeClass('ps-active-panel');
      _sliding = false;

      if(callback) {
        callback();
      }
    });

Don't understand why it's working in the demo.

I want to open the panel within a container, not in entire page. How to accomplish thatw

I want to overlay the panel, no pushing, that I can do?

Pd.:Sorry for my English.

Hello,

When I include the library in the body section of the page, the sliding function work correctly. But when I include it in the head of the page, it does not work at all. How do I do to make the include in the head ?

I use this code to include the library:

Regards,

I think it will be a pretty good idea to add a Class to the Body when the Panel is opening, for example .addClass('panelslider-open'); and .removeClass('panelslider-open');

Only a idea if someone want to add for example a Overlay over the whole Main Body for example!

I made something similar with the Sidr Plugin here: http://www.place4nails.de/
(Click Facebook or Impressum)

Cheers, Oli

I'm trying to invoke panel slider when an ajax call comes back successfully using your example:

"You can also invoke panelslider() directly
$.panelslider($('#my-link'));"

However this doesn't work. It works with the button, but I'd like to fire the panelslider event directly in a successful ajax reply.

Hallo,

First i want to say thanks for this amezing slide panel.

Just a suggestion to have this more mobile friendly:

It would be awesome to have it more mobile friendly so we can swipe the sidebar/panel open true dragging from te side of the screen.

Kind Regards,
Patrick

First, thanks for creating this panel slider!

While trying out the panelslider today I came across what looks like an error in the Usage section of the README.md. According to the instructions, I should invoke .panelslider() on the panel element #my-panel, which ends up not working, and no panel is created. In contrast, the code on the demo page invokes .panelslider() on the the #my-link hyperlink instead of #my-panel, which does work.

Thank you