UI/Design

By shane
2013-03-13 23:57
4 comments
Daily Dose of Drupal Episode #128

The Drupal 7 Panels module allows the creation of customized page layouts using an easy to use drag and drop page builder. Panels can be used to build custom pages, change the layout of node (or content type) pages, and even modify the Drupal user profile or account page.

In this episode you will learn:

  • An overview of what the Drupal Panels module is and how it can be used
  • A quick overview of Drupal 7 Panels options and configurations
  • How to create a custom Drupal 7 Panel page
By shane
2013-03-12 23:57
4 comments
Daily Dose of Drupal Episode #127

Update: If you want the labels to show up, install the jquery_update Drupal module and inside the configuration options select jQuery version 1.8. This will fix the label issue.

By shane
2013-03-02 23:57
2 comments
Daily Dose of Drupal Episode #119

The Drupal 7 Special Menu Items module allows the adding of placeholder and separator menu items.

In this episode you will learn:

  • How to use the Special Menu Items module to create a placeholder menu item
  • How to use the Special Menu Items module to create a separator menu item

Thanks to Drupalize.me for sponsoring this episode of the Daily Dose of Drupal.

By shane
2013-02-28 15:42
5 comments
Daily Dose of Drupal Episode #117

The Drupal 7 jQuery SelectBox module is a simple module that makes HTML select boxes easier to style. It replaces the HTML form select element with easier to style HTML markup.

In this episode you will learn:

  • How to download and install the jQuery SelectBox module
  • What the jQuery SelectBox module is doing in the background to make the select boxes on the site continue to work correctly

Thanks to Drupalize.me for sponsoring this episode.

By shane
2013-02-17 23:23
2 comments
Daily Dose of Drupal Episode #110

The Drupal 7 Style Guide module is a very simple module that helps you when building a Drupal theme. The module provides a single page displaying how your Drupal theme renders common Drupal elements, form elements, and other HTML elements. By having all of these elements rendered in one page, it makes it much easier to ensure your theme covers all the basics.

In this episode you will learn:

  • How the Drupal Style Guide module will help you build better Drupal themes
By shane
2013-02-12 23:55
6 comments
Daily Dose of Drupal Episode #107

The Drupal 7 Views Accordion module allows you to build a Drupal View with results displayed in jQuery accordion tabs.

In this episode you will learn:

  • How to install and configure the Drupal Views Accordion module
  • How to build a simple Drupal View using the Drupal Views Accordion module
  • How to change the Drupal Views settings to alter how the Views Accordion module works
By shane
2013-02-08 09:07
5 comments
Daily Dose of Drupal Episode #105

The Drupal 7 Colorbox module is one of the many Drupal modules that allows you to display things in a lightbox style modal dialog window.

In this episode you will learn:

  • How to use the Drupal Colorbox module to display image fields in a Colorbox window

Thanks again to Drupalize.me for sponsoring this episode of the Daily Dose of Drupal.

By shane
2013-02-06 07:31
0 comments
Daily Dose of Drupal Episode #103

The Drupal 7 Service links module makes it easy to add social networking or bookmarking links and widgets to your Drupal 7 website. From Facebook, to Twitter, to Google Plus, and more... this module has it all.

In this episode you will learn:

  • How to download and configure the various settings in the Service Links module
  • How to add service links and service widgets to a content type page

Thanks to today's sponsor Drupalize.me

By shane
2013-02-05 07:56
3 comments
Daily Dose of Drupal Episode #102

The Drupal 7 @font-your-face module is one of the easiest ways to get started with adding web fonts to your Drupal 7 website. It provides an easy to use administrative interface which makes adding web fonts simply point and click.

In this episode you will learn:

  • How to download and configure the @font-your-face module
  • How to use Google Fonts API with the Font your face module
  • How to use a custom CSS selectore with the @font-your-face module
By shane
2013-02-04 00:35
2 comments
Daily Dose of Drupal Episode #101

The Drupal 7 Menu Badges module is a neat little module that allows you to add numbered badges next to menu items on a Drupal 7 website. It integrates nicely with views so you can easily add your own numbered icons to any menu link. You will also need the Link Badges module for this to work.

In this episode you will learn:

  • How to add a Menu Badge to a Drupal PrivateMsg link
By shane
2013-01-24 00:03
2 comments
Daily Dose of Drupal Episode #94

In this Daily Dose of Drupal episode, we really go for a double dose as we look at two modules that have very similar functionality. We first look at the Drupal 7 Scroll to Top module and see how it can be used to create a nice button that scrolls to the top of the page using JavaScript. We then look at the Drupal 7 Back to Top module to see how it differs. These modules do different things but they have different settings/configuration options that make them unique.

By shane
2013-01-21 23:21
13 comments
Daily Dose of Drupal Episode #91

If you need to launch a Drupal form inside a JavaScript dialog or popup window, the Drupal 7 Modal Forms (with Ctools). The module seamlessly works with the User registration, User login, Password reset, contact form, and comment form.

In this episode you will learn:

  • How to configure the Modal Forms module to work with the various user forms
  • How to configure the Modal Forms module to work with the comment form
By shane
2013-01-15 21:16
5 comments
Daily Dose of Drupal Episode #87

The Drupal 7 Fences Module is a lifesaver for the HTML purist in all of us. By default Drupal adds a lot of extra markup that is not always needed. The reasons Drupal adds the extra markup is to make sure it can work out of the box for as many different requirements as possible. However, in many cases this markup is not needed. This is where the Drupal Fences module comes in. This module not only lets you choose how to structure the markup around your Drupal 7 fields, it also comes with a wide variety of completely customizable field templates.

By shane
2013-01-10 22:29
2 comments
Daily Dose of Drupal Episode #85

The Drupal 7 iToggle module is a simple module that makes checkboxes look much nicer. This module can be used on the promoted, published, and sticky checkboxes of a content type and also has modules that allow it to be integrated with Drupal Fields and the Drupal views.

In this episode you will learn:

  • How to download and install the iToggle module
  • How to use the iToggle module on Node promoted, published, and sticky checkboxes
  • How to use the iToggle Drupal module with Drupal 7 Fields
By shane
2013-01-08 23:50
10 comments
Daily Dose of Drupal Episode #83

The Drupal 7 Formatter CSS Class module (not to be confused with episode #82 and the Field Formatter Class module), can be used to add a CSS class to the display of a node based on a specific value in that node. For instance, it can be used to add a class based on what the user selects for a dropdown value when creating the piece of content.

In this episode you will learn:

    By shane
    2013-01-07 18:52
    6 comments
    Daily Dose of Drupal Episode #82

    The Drupal 7 Field Formatter Class module allows you to add classes to the display of individual fields that are output by Drupal using the Field API. This module is useful to help save you from writing as many lines of CSS as you can use this to implement common classes across multiple fields or even use it to differentiate the same field used across multiple content types. This is a flexible tool for those site builders or themers that need a little extra help when styling the display of their Drupal fields.

    By shane
    2012-12-06 19:22
    0 comments
    Daily Dose of Drupal Episode #62

    The Drupal 7 Administration menu makes administering your website easier by providing helpful drop-down menus for handling your everyday Drupal administration tasks.

    In this episode you will learn:

    • How to install and use the Drupal 7 Admin menu module
    • How to turn off or disable the core Drupal 7 Admin toolbar
    • How to make the Drupal 7 Admin menu look like the Drupal 7 core toolbar
    By shane
    2012-11-01 00:39
    1 comment
    Daily Dose of Drupal Episode #41

    This episode continues on where the Daily Dose of Drupal episode 40 left off and goes over how a Drupal 7 theme function and theme template that has been created in a module, can be overridden inside a Drupal 7 theme.

    In this episode you will learn:

    • How to override the output of a theme function inside your theme
    • How to override the output of a theme template file inside your theme
    Subscribe to UI/Design