Comments on: Nice & Clean Sliding Login Panel built with jQuery

By: Jeeremie

Jeeremie — Mon, 07 May 2012 04:29:43 +0000

For Anyone interested, I have found an adaptation of my script by Aevis on Github for Joomla: https://github.com/Aevis/Sliding-Login-Panel

By: John

John — Tue, 17 Apr 2012 16:58:11 +0000

Jeeremie,

Thanks for the great tutorial. I think this has not been addressed or I have not been able to find it after lots of searching.

Can the login button be fixed at the top of the header but still push the content down, no matter where the user is on the screen?

http://24.125.42.135/ for my example.

John

By: Sam

Sam — Sat, 07 Apr 2012 16:15:30 +0000

Nice tutorial

By: carshowtime

carshowtime — Sat, 07 Apr 2012 08:09:45 +0000

i love the sliding register like this. this a good idea using the jquery

By: Psychosis

Psychosis — Sun, 01 Apr 2012 17:24:11 +0000

Works in IE9 too

By: david

david — Wed, 14 Mar 2012 10:33:52 +0000

hello, great script!

i’ve got it working from the bottom and starting expanded.

the only problem is that the toggle links aren’t working as expected.

when i click on the “close” link (which is first since it starts expanded) it toggles from “close” to “open” yet doesn’t collapse. if i click it again it’ll collapse but it also toggles from “open” to “close” and be backwards all the time so that it says “close” but it’s really expanding and visa versa.

any idea on why this is happening?

thanks!

By: Zeth

Zeth — Wed, 14 Mar 2012 06:47:26 +0000

I think I’ll try this! The sliding effect always come in handy!

By: Jerry R.

Jerry R. — Tue, 06 Mar 2012 16:20:36 +0000

Wonderful work!

I would like to use it as a drop-down menu. How can I get the panel to close after someone clicks on an

Thank you very much!

By: chad

chad — Sat, 03 Mar 2012 18:09:07 +0000

hey.. i cannot see my whole webste when i used the panel>>
is there any way i can scroll down my website without affecting the panel query?

By: mike

mike — Tue, 28 Feb 2012 16:11:55 +0000

Question about the license, is it allowed to use this in WordPress themes for sale? Full credit and link would be back to you of course, it wouldn’t be sold as is, but built into a theme. Just wanted to check..thanks!

By: PixelRelish

PixelRelish — Sun, 26 Feb 2012 23:26:56 +0000

Never mind: Figured something out

By: PixelRelish

PixelRelish — Sun, 26 Feb 2012 16:31:18 +0000

For my main site (http://pixel-relish.com/new/index_combo.html) I edited your CSS to lock the slider to the bottom margin. Then, for iPad/iPhone I created an alternate location (with alternate graphics) because one cannot lock anything to the bottom of the view pane in iPad/iPod. I can get each slider working as designed so long as I keep them on separate pages EVEN when each references the same combo CSS file (one that comments out the regular for iPad and the iPad for regular) and combo slide.js file. But when I try to paste the iPad version’s html into the normal version’s html to create a combo page, the slide no longer works on the iPad (still works in a computer browser). I am trying to NOT have to maintain two sites (one regular, one iPad). I assume I am missing a clearing element or something that I need to add to the combo document, but none of the ones I have tried have had a useful effect, and I admittedly am NOT a developer (merely a designer who has learned basic coding to better design for what is possible + reasonably safe). Could I possibly get your help on the combo document? I am happy to give you credit for input Once I can solve the problem on the new home page, I can figure out how to create similar CSS for the interior pages, where I plan to use graphics specific to each page (to match the center color of that page). In other words, lots of not too complicated derivations from your basic script that perhaps will help people see how flexible what you’ve developed is Standard page is pixel-relish.com/new/; iPad-functional one is pixel-relish.com/index_ipad.html; combo nonfunctional one is pixel-relish.com/new/index_combo.html. Thanks!

By: Prodyot

Prodyot — Mon, 20 Feb 2012 19:38:16 +0000

Excellent script and very useful too.
Can’t stop admiring it.
Thanks.

By: Elevatelocal

Elevatelocal — Fri, 17 Feb 2012 15:26:43 +0000

The slider seems to work as it should, but…when i click inside one of the field to fill in information, it slides further down the site. And when im clicking inside another field, it slides up again. How come? Any solution.

By: Gilbert

Gilbert — Fri, 10 Feb 2012 15:33:20 +0000

Hello Jeremie,

Ce jquery script est vraiment bien, cependant j’ai un petit probleme avec IE8 concernant cette application. Si le #toppanel div position est “relative” et le div n’est pas tout en haut de la page (mon cas entraine que le “#toppanel” soie dans un div plus bas dans ma page) le “#panel” div “height” est double lorsqu’il est ouvert. resultant a une enorme partie du panel vide, ET, pousse le contenu encore plus bas. Je ne suis pas en mesure de monter la page publiquement, mais elle est disponible pour plus de details si besoin est.

Apart pour IE 8 tout fonctionne! comme prevu.

Meilleures salutations.

P.S. pardon pour le manque d’accents, mon clavier est GB ;-P, contactez moi si possible!