Categories
Drupal Development Resources

Drupal Module Spotlight: Disable Messages

Disable Messages is a module that lets you specify message visibility settings for different roles or paths, eliminating confusing or unsightly error messages for users that don’t need to see them. For example: “Anonymous” and “authenticated” users can see “status” and “warning” message, but only users with “admin” and “dev” roles can see “error” messages.

Categories
Drupal Development Resources

Drupal Module Spotlight: Webform Classes

Webform Classes allows you to specify CSS classes for easier theming or targeting with javascript/jquery. When used in conjunction with Bootstrap, it makes theming a lot easier and consistent by leveraging existing styles. It solves a specific problem with the Bootstrap theme and Webform where it doesn’t add the class “form-control” to email fields. Text fields […]

Categories
Drupal Development Resources

Tutorial: Drupal Mega Menu with Bootstrap 3.x+ and jQuery

The Goal An admin-editable, responsive mega menu using Bootstrap 3.x and Drupal without loading up additional javascript or CSS files. The Problem Mega Menus are a popular way of displaying a large amount of menu items in a wide format rather than a nested menu. However, they’re often a pain to put together or have […]

Categories
Drupal Development Resources WordPress

Bootstrap Feature Spotlight: Responsive Video Embeds

Responsive videos seem to be an after-thought for many websites. While text and images are easy to resize to mobile and tablet screens, videos have always required extra work. Even popular video sharing sites like Youtube.com still don’t have an easy “responsive” option and require specifying a video dimension for embedding.   Luckily, the 3.2+ […]

Categories
Drupal Development Resources WordPress

Introducing Chrome’s New Mobile Emulator

Did you know Chrome has a built in mobile device emulator? You can resize the browser window to popular devices like the iPhone 6, iPhone 6 Plus, Galaxy S5, Galaxy Note, and Google’s own line of Nexus devices.   How to Activate the Mobile Device Emulator 1. Open developer tools – Ctrl+Shift+I (PC) or Cmd+Shift+I (Mac), […]

Categories
Drupal Development Resources

Tutorial: IE8 Support for Drupal Bootstrap theme

Drupal Bootstrap theme does not support IE8 by default. IE8 does not understand HTML5-specific markup and CSS3 media queries. Without support for HTML5 and media queries, you will only see the “mobile” view when you load a Bootstrap theme in IE8. You’ll need to add support for these two features yourself. If you need to […]

Categories
Drupal Development Resources

Tutorial: Drupal Bootstrap Subtheme with LESS

An updated guide is available! See Drupal Bootstrap 3.4 Instructions Bootstrap is our favorite starter theme for Drupal 7. However, the documentation is a little out of date and incomplete for Bootstrap 3.1.x and newer. The template files are also in an unusual place, making getting started with the subtheme trickier than it needs to be. […]

Categories
Drupal Development Resources WordPress

Common Bootstrap Customizations

The latest version of Bootstrap 3.x has some great UI features out of the box, but you’ll have to customize it to really make it your own. You can override the Bootstrap CSS with your own, but it’s so much easier to make small edits to the source LESS files and then compile them into […]

Categories
Drupal Development Resources WordPress

Multilevel dropdown menus with Bootstrap 3.x

Bootstrap 3.0 and newer no longer supports multiple tier dropdowns for navigation bars. This snippet of jquery prevents Bootstrap from toggling the “open” classes when you go past the first dropdown. No additional CSS or markup required! /** * NAME: Bootstrap 3 Triple Nested Sub-Menus * This script will active Triple level multi drop-down menus in Bootstrap […]

Categories
Drupal Development Resources

Undoing Drupal Bootstrap theme’s rewriting of buttons

Drupal Bootstrap replaces instances of input type=”submit” into buttons by default. This occasionally breaks other module functionality such as hierarchical select module. Rather than hack the bootstrap module we can declare our own theme_button() call in template.php which would override bootstrap’s bootstrap_button() modification. Enter this in your subtheme’s template.php file and update “YOURTHEME” to your […]