Dear all,

I searched on Drupal site here or Google thoroughly and could not find a satisfactory, updated (new) tutorial that is step-by-step and substantial for a beginner of Panel 3 ... either the tutorial is too special (for homepage based on frontpage default in View) or there are some major steps missing; there is a good demo site, but no doc...

Could anyone of you share with me a good new tutorial for Panel 3 or (Panel 3 Everywhere)? J.

Comments

navneet.rawal’s picture

I second that

timwood’s picture

I third that, but I did find the following useful for getting started:

Panels 3 Demo by GotDrupal: http://gotdrupal.com/videos/drupal-panels (Node Edit form specific)

UI Screenshots with informative text: http://www.angrydonuts.com/new-panels-3-ui-screenshots

Panels Demo sites: http://drupal.org/node/575836

And next I'm going to look over the "using varients to create node layouts" documentation: http://drupal.org/node/661656

If you find anything else useful out there or create one yourself, add it to the Panels 3 documentation page here: http://drupal.org/node/496278.

-Tim

francewhoa’s picture

Some of the videos on the following page are for Panel 3 beginners http://drupal.org/node/561730

merlinofchaos’s picture

Component: Panel pages » Documentation

Changing the component.

I just want to chime in and say that "A tutorial for Panels" while complaining that existing tutorials are too specific isn't very helpful. There's a lot here. We can provide tutorials on doing specific things, but I dunno what a tutorial on panels as a whole would be.

I do know that we need to do a lot better on documentation.

joecanti’s picture

I've been doing quite a bit with Panels everywhere lately and have been using Panels for a while now. I'll have a stab at putting together some comprehensive documentation and user cases over the next few weeks.

This site is now live built with Panels / Panels everywhere: http://www.cornwall-logs.co.uk/ - maybe I could include a step by step on how it was put together??

joe

merlinofchaos’s picture

A step by step on something like that would be fantastic!!

joecanti’s picture

ok I'll give it a go! Im working towards some docs with screen shots etc, and maybe a basic profile installation containing everything needed to get started.

Will post back soon with more information.

Joe

joecanti’s picture

I am creating a tutorial around a quick site I've made with all the basic functions in a panels everywhere setup... I'd like to package this site up and make it available with the docs so it's easily referenced - whats the best way of packaging up a site like this? 2 zips - one with the DB and one with the files?

Hopefully it should act as a nice starting point for people just getting started. It includes:

- Simple psd design cut up and put into panels everywhere
- Node type panels templating to include home/about/contact pages
- CSS examples on how to add to each pane/site template
- Mini panels header and footer
- Full use of Panels everywhere

Its taking longer than planned so sorry about that - mainly because I'm finishing my own site which is long overdue - this means it will have a permanent place to live.

Thanks, Joe

christoph’s picture

This may be duplicated here:
http://drupal.org/node/887560

I posted a tutorial/manual there based on our experience so far with panels - see comment #6

joecanti’s picture

For anyone interested, the link in #5 is not as specified but is now http://www.devon-logs.co.uk and I am still wanting to do some documentation.

I now have a time frame, and my aim is to get some screencasts/tutorials out the door by the end of next week.

All the best, Joe

christoph’s picture

Hi Joe:
Just so you don't need to duplicate, there's a user manual here on that issue. Screencast tutorial would be good though.
Cheers.

joecanti’s picture

Hi all,

Finally after months of saying I would find time I finally have :-)

I've just finished a video series on Panels and Panels everywhere - you can view the first one here:

http://www.youtube.com/watch?v=v6zMcfTxkhc

I am probably missing lots of stuff, and it was hard as it was my first screencast - but lets hope you get something out of it. I have lots of ideas for the seond series. Please leave comments if you like it and message me ideas for future screencasts.

It's not exactly a step by step - but I'm planning that for the next one. IE from photoshop to finished Panels Everywhere site - but I need more time for this.

It briefly covers Panels. Panels Everywhere, Panels Templating and adding CSS to bits of Panels content.

Cheers, joe

bryancasler’s picture

joecanti, are your videos for D6 or D7?

joecanti’s picture

They're for D6 - I should have mentioned that. I just saw that Panels Everywhere has a D7 dev release so I'll be having a look at this shortly.

Thanks, joe

parijke’s picture

Joe, what a fantastic job you did!

joecanti’s picture

Thanks! Glad you found it helpful. There should be more on the way soon - if you have any ideas of subject matter let me know.

maximer’s picture

Thanks Joe for your great 5 parts tutorial. A nice introduction for themers to rethink the way of integrating Drupal website.
A have still one question: is there a way to clean all the extra div elements in your panel Page that you don't need?

Thanks for your answer
Maxime

bryancasler’s picture

For the interim you could use something like this to remove empty fields of a certain class

jQuery(document).ready(function($){
    /*Removes empty fieldgroups*/
    $(".field-group-format:empty").remove();
});
Letharion’s picture

Status: Active » Fixed

Add link to the video under the "more-resources" part of the docs.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.