Custom grid panels layout with Omega theme

For a lot of my recent projects I have used the Omega theme as the base theme, I love the whole responsive design support and grid system. But when you create a Panels page and choose a layout you don’t get the same grid support as you do with Omega.

Panels outputs its own grid system, where as Omega has an easy to follow grid framework. Check out the Containers and Grids (Omega 2.x documentation) page to understand how to create grid layouts.

In this article I’ll show you how to create a grid layout as a custom panels layout. We’ll then apply this layout to the node_view (/node/%node) page.

UPDATE: Omega does offer integration for panels.

Continue reading “Custom grid panels layout with Omega theme”

Display suite part 2: View modes and fields

Update: I have written an updated version of this series over athttp://webwash.net. The updated version covers Display Suite 7.x-2.x.

This post is part of a Display suite series, Display suite part 1: Layouts and Styles andDisplay suite part 2: View modes and fields.

In part 2 of this Display suite series, I’ll show you how to create custom view modes and how to expose blocks as a field. Also don’t forget to check out theDisplay Suite for Drupal 7 playlist on youtube.

Custom views modes

In Drupal 7 entity view modes have become a lot more powerful. With Display suite you are able to create custom view modes for any node or comment, without writing any code.

NOTE: Check out this great blog post on how to create custom view modes in Drupal 7 with code.

To create a custom view mode, click on the View modes link from the Display suite administration page.

Continue reading “Display suite part 2: View modes and fields”

Display suite part 1: Layouts and Styles

Update: I have written an updated version of this series over athttp://webwash.net. The updated version covers Display Suite 7.x-2.x.

The Display suite is a powerful module which allows you to customise the node view page without writing any code. You can apply custom layouts as well as custom fields without a module. Configuration of this module is fully exportable with features.

In this post I’ll show you how to get started and how to create a layout. In part 2 (coming soon), I’ll show you how to create custom view modes and how to expose blocks as fields. Also don’t forget to check out the Take Full Control of Your Site Layout with Display Suite for Drupal 7 video from DrupalCon London.

Getting started

To get started go to http://drupal.org/project/ds and download the modules into “sites/all/modules”.

If you haven’t already, also download and enable the Chaos tool suite module. Display suite requires it.

Continue reading “Display suite part 1: Layouts and Styles”