Comments on: Sliding Panels Template https://codyhouse.co/gem/sliding-panels-template/ A free library of HTML/CSS/Javascript resources to boost your web projects and learn new tricks. Tue, 07 Nov 2017 03:16:46 +0000 hourly 1 http://wordpress.org/?v=4.2.12 By: Petr Mátl https://codyhouse.co/gem/sliding-panels-template/#comment-9015 Sun, 05 Mar 2017 12:25:00 +0000 https://codyhouse.co/?post_type=gem&p=8532#comment-9015 Hi everyone! I am beginneer, sorry for my probably stupid question, but how I add a footer in this project? I tried to add revealed Footer (also Out-slide footer), when I add this effect into “cd-project-info” > main dashboard “cd-projects-preview” do not work correctly. Has somebody please some solution how can I add footer in this site for every “cd-project-info” together? Attach link for examples footer: http://tutorialzine.com/2013/08/slideout-footer-css/

Thank you very much for advices.

Petr

]]>
By: Chris Hansen ✔ https://codyhouse.co/gem/sliding-panels-template/#comment-8794 Thu, 19 Jan 2017 17:29:00 +0000 https://codyhouse.co/?post_type=gem&p=8532#comment-8794 Thank you for the wonderful article Ms.Claudia Romano. I would like to like the links in the menu burger (ie.) to the actual slides (i.e. Project 1). I noticed that there’s alot of Javascript in there and have no idea how I can achieve this. How could I fashion the menu to do this? I assume that this is what I have to assign to the menu but I have no idea how to do it:

//open project
projectsPreviewWrapper.on(‘click’, ‘a’, function(event){
event.preventDefault();
if( animating == false ) {
animating = true;
navigationTrigger.add(projectsContainer).addClass(‘project-open’);
openProject($(this).parent(‘li’));
}
});

navigationTrigger.on(‘click’, function(event){
event.preventDefault();

if( animating == false ) {
animating = true;
if( navigationTrigger.hasClass(‘project-open’) ) {
//close visible project
navigationTrigger.add(projectsContainer).removeClass(‘project-open’);
closeProject();
} else if( navigationTrigger.hasClass(‘nav-visible’) ) {
//close main navigation
navigationTrigger.removeClass(‘nav-visible’);
navigation.removeClass(‘nav-clickable nav-visible’);
if(transitionsNotSupported) projectPreviews.removeClass(‘slide-out’);
else slideToggleProjects(projectsPreviewWrapper.children(‘li’), -1, 0, false);
} else {
//open main navigation
navigationTrigger.addClass(‘nav-visible’);
navigation.addClass(‘nav-visible’);
if(transitionsNotSupported) projectPreviews.addClass(‘slide-out’);
else slideToggleProjects(projectsPreviewWrapper.children(‘li’), -1, 0, true);
}
}

if(transitionsNotSupported) animating = false;
});

]]>
By: julienstuder https://codyhouse.co/gem/sliding-panels-template/#comment-8327 Thu, 06 Oct 2016 11:19:00 +0000 https://codyhouse.co/?post_type=gem&p=8532#comment-8327 Hi !
how do you manage to have to top right menu button when you are in page other than a project ?

]]>
By: Sean Lee-Amies https://codyhouse.co/gem/sliding-panels-template/#comment-8110 Thu, 01 Sep 2016 14:22:00 +0000 https://codyhouse.co/?post_type=gem&p=8532#comment-8110 Hi there, just wanted to say, this is another awesome piece of code and we’ve been waiting to be able to use it in a project for a long time! We knew it wouldn’t be easy, but we’ve gotten as far as we can – we’ve hit a brick wall.

We are integrating this into WordPress, using CPT’s and ACF to pull in the content on the scrolling panel, all via a loops and various template parts. It’s working, but only some of the time, and we cannot understand why. The issues happen when trying to click on the portfolio items, using the close and/or navigation icon in the top right. Some times it will work for a bit, and then completely fail and cease to function….

Any help would be greatly appreciated!! http://letsgo.canny-creative.com/search-results-page/?currency=USD&continent=americas

]]>
By: Florian Norbert Bepunkt https://codyhouse.co/gem/sliding-panels-template/#comment-8063 Sat, 27 Aug 2016 15:33:00 +0000 https://codyhouse.co/?post_type=gem&p=8532#comment-8063 Anyone any idea?

]]>
By: Florian Norbert Bepunkt https://codyhouse.co/gem/sliding-panels-template/#comment-7970 Thu, 11 Aug 2016 15:26:00 +0000 https://codyhouse.co/?post_type=gem&p=8532#comment-7970 I found a strange sort of bug (reproducable with your demo). What I wanted to do is to color the background images by css by replacing your definition:

.cd-projects-previews li:nth-of-type(4) a,
.cd-projects > li:nth-of-type(4) .preview-image {
background: #835531 url(../img/img-4.jpg) no-repeat center center;
background-size: cover;
}

with mine:

.cd-projects-previews li:nth-of-type(4) a,
.cd-projects > li:nth-of-type(4) .preview-image {
background: linear-gradient( rgba(0,0,0, 0.95), rgba(0,0,0, 0.05) ), url(../img/img-4.jpg) no-repeat center center;
background-size: cover;
}

This works fine for the first three images. If you add the same code to the fourth and last image, all images disappear.

Any idea?

Cheers,
Florian

]]>
By: codyhouseweb https://codyhouse.co/gem/sliding-panels-template/#comment-7738 Fri, 15 Jul 2016 15:17:00 +0000 https://codyhouse.co/?post_type=gem&p=8532#comment-7738 Hi there, I’ve just tested it on Safari (9.0) and Chrome (Android 6.0.1) and it’s working just fine. Is this an issue you are having with our demo?

]]>
By: Katia Zanotti https://codyhouse.co/gem/sliding-panels-template/#comment-7708 Tue, 12 Jul 2016 13:12:00 +0000 https://codyhouse.co/?post_type=gem&p=8532#comment-7708 Hi codyhouse lover I’m getting an error using chrome canary. probably I should change some settings in chrome://flags/#enable-experimental-web-platform-features. Any idea?

]]>