background preloader

Tools for Theming

Facebook Twitter

Dtc. Finally Drupal 7 version is out!!

Dtc

You will need some 3rd party javascript files to use this module. You can download them from our main site: With our module you can design your actual theme on your Drupal site by a point and click method. You can modify almost all of available CSS properties only in a few clicks. jscolor was not supported Chrome so we've updated the plugins package at our main site. Some features of the module: Tipsy. Panels Page Cache. Panels Hash Cache. This module provides a hash-based cache for Panels and other Chaos Tools powered displays.

Panels Hash Cache

This support caching based on any combination of: Contexts (node, term, user etc)ArgumentsDrupal Path (args) (same as the Panels Page Cache Module)Full URL (including domain and query string) UsersRoles It also supports "simple" caching. If you would like to see it cache based on something I haven't thought of yet, open-up a feature request and I will likely add it. Page Load Progress. This module will allow you to set a screen lock showing a spinner when the user clicks on an element that triggers a time consuming task.

Page Load Progress

The module will work amazingly in cases where, for example, the user submits a form that takes a long time to post and stays in the current page avoiding the submitter the chance to poke around the page while waiting. To configure the behavior of this module go to admin/config/user-interface/page_load_progress. The last field, "Elements that will trigger the throbber", takes HTML elements, classes or ids, separated by commas, and assigns the behavior when they are clicked. CAVEATS: Even though the behavior assignment is configurable, I recommend its usage only for form submits. If you must, assign the behavior to "A" elements carefully. Poshy Tip. Omega User Interface. Fit Text. About Fit Text Fit Text is a jQuery plugin to make font-sizes flexible.

Fit Text

Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element. Fit Text is a perfect choice while developing cross-platform websites (scalable for all those nifty devices and displays). A jQuery plugin for inflating web type Need for Fit Text Imagine, how your design layout would appear to users on a nifty handheld device and to the person viewing it on a hi-resolution wide screen. Note Before using this module, make sure that Use responsive theme (such as Omega).The text should be larger. Configuration. BeautyTips. Backstretch. Browser class. Summary This small module helps theme-developers to deal with cross-browser compatibility.

Browser class

It makes easier to handle different types of non-widespread browsers just as much as it helps with using different versions of Internet Explorer. The module extends the $body_classes variable in page.tpl.php based on the enduser's browser, and platform. The module also makes a $browser_classes variable available in page.tpl.php, which stores the data in an array, this way the developer can make use of it as needed, if he does not wish to use the $body_classes variable. Supported browsers ieoperasafarichromenetscapeffkonquerordillochimerabeonexawebamayaicablynxgaleonoperamini Browser version checking The module creates version classes. ie[version]opera[version]chrome[version]safari[version]netscape[version]ff[version]konqueror[version]operamini[version] Supported platforms winipadipodiphonemacandroidlinuxnokiablackberryNetBSDFreeBSDOpenBSD Mobile detecting Token support Currently available tokens Configuration.

Panels Everywhere. Panels Everywhere is an advanced method to completely do away with Drupal's restrictive blocks system and instead use the much more freeing Panels Layout system to control how your pages look.

Panels Everywhere

Panels Everywhere modifies the page as it is being rendered to 'wrap' the content in a display and can even take over your page theme to do away with the need for a page.tpl.php. Doing this requires that you set up a few things properly, because Drupal is not really designed for this kind of behavior. Be sure to read the README before trying to use this module. This module requires both the Panels module, and the Page Manager module from the Chaos Tools Suite. Borealis. About Borealis Suite Borealis is a suite of modules designed to assist in the implementation and building of semantic HTML5 and responsive projects in Drupal.

Borealis

The first module, Borealis Responsive Images, is an integrated solution for responsive images in Drupal. The second module, Borealis Semantic Blocks, adds a basic, more semantic block template and allows the user to choose more semantic, HTML5 block templates for each block. As more modules are needed, they will be added to this project. Borealis A selection of helper functions that come in handy for various small bits and pieces of your site. Render Array Block. Views custom template. Version 7.x-1.0 is deprecated in favor of version 7.x-2.0 What is Views custom template?

Views custom template

Views custom template allows you to add a template suggestion for view displays, rows and fields so you can re-use one template for multiple views This allows you to create and reuse a single template. Instead of copying (and duplicating) a template, stay DRY. Backdrop. Opengrid_ui. Custom Formatters. The Custom Formatters module allows users to easily create custom CCK/Field Formatters without the need to write a custom module.

Custom Formatters

Custom Formatters can then be exported as CTools Exportables/Features or Drupal API Formatters. Custom Formatters was written and is maintained by Stuart Clark (deciphered). - - Important note Changes have been made to the PHP formatters Render Array integration to correctly support multi-field values, this changes the HTML wrappers of the formatter and may affect the theming of your site. Simple Field Formatter.

Js

Panels Extras. Panels Extra Layouts. Extra Layouts for the Panels Module Panels is one of the most, if not the most, powerful modules for laying out a page in Drupal.

Panels Extra Layouts

Panels builds on CTools which is a swiss army knife for doing all sorts of elaborated things in Drupal without having to hack the drupal core. The Bottom Line. Custom Page. Documentation A draft version of the User Documentation is now available for the Custom Page module. What is it? Custom Page is an advanced theming tool, allowing developers to easily create pages with custom templates and maintain full control over the output (e.g. HTML). Custompage seamlessly integrates with the Context module (both versions 2 and 3) module and while Context is not required, the two work great in tandem.