Drupal Theming

Nowadays we can easily access internet in different devices such as mobile, tablet etc. So its necessary to make a website compatible with popular devices like iPhone, iPad etc. In Drupal, we have a simple method to make a website adapt to different devices. In this method we can convert a normal theme to responsive theme easily. To get this we have to modify the .info file and add the media query stylesheets in .info file. We will also have to add the responsive style rules to the separate media query stylesheets

It is very good if we can create a pure CSS multilevel drop-down menu in Drupal. We can simply avoid adding additional modules or jQuery for the multilevel drop-down menus. As we had a requirement to create a multilevel drop-down menu without using jQuery, we created it in pure css. And it works well in different browsers.

We created this menu as main menu for the header navigation part. And there is a region for the header part called "region-header" and it wrapped in a class called .header-wrapper. Also Drupal provides a class called 'menu' for ul. So we had to define the class-name along with the ul.

We might encounter a situation where we may need to fetch CCK fields values in a node, i.e, we may need to show CCK field values in custom search results. Drupal provides a easy way to fetch CCK fields programmatically. Read on to know how to fetch CCK fields value programmatically

Nowadays most of the websites that are being built will have a mobile version also. One of the specific aspects we have to take care of with mobile sites is writing proper code to switch a drupal site to mobile website when the site is accessed from a mobile device. If you are trying to do the same thing then please follow below steps to solve your issue. Although this is written in the context of Drupal websites this should apply for other websites as well.

In one of my recent Drupal projects I needed to add some extra classes to the body tag. Usually classes are added to the body tag in one of our template file namely html.tpl.php. The classes can be added via an implementation of hook_preprocess_html. Now let's see how it can be done.

Most Drupal developers know about writing theme functions in Drupal 7. Likewise we can create theme templates too. However Drupal developers rarely create their own templates. Read on to know how to create a custom template in Drupal 7.

We need to develop websites for a variety of mobile devices along with regular desktop versions. To do this effectively we need to detect the mobile devices when they access the website which can be done through Javascript. Read on to know how to detect mobile devices using Javascript

One of our Drupal clients asked us to customize the search box in one of their Drupal themes and bring in rounded corners and a search icon. However the solution we came up with was causing the search text to overlap the search block from in IE. If you are facing the same issue in your Drupal site and would like to know how to prevent search text from overlapping Drupal search block form in IE then read on to find out the solution.

If you are a Drupal developer, you should know about Drupal theming. Have you ever got a chance to build a Drupal theme completely? If you are a Drupal theme developer you might have wanted to know how to extend the content width if there are no sidebars in your Drupal themes. If you are looking for the answer to the question then read on to find out how.

When we have a multi site Drupal installation, we might have to set a default theme for each site. The easiest way of setting a default theme for each Drupal site is by setting the theme from the settings.php file. If you are having a Drupal multistie installation and want to know how to set a default theme for each site in a Drupal multisite installation the continue reading.

Many Drupal users have wished to know how to use customized fonts in Drupal themes. If you are facing the same question when creating or modifying or editing a Drupal theme and want to know how to use customized fonts in a Drupal theme then continue reading.

If you are a beginner in Drupal your might be wondering what a node is. The concept of a node is very simple. All you have to understand is that each and every content in Drupal is treated as a node. A page is a node, an article is also a node. If you want to add custom styles and formatting to the nodes of a specific content type then you have to theme a node. Read on to know how to theme a node in a Drupal 7 website.

This is a description of how you can display table listings with checkboxes on each row on a Drupal site. The requirement in one of my projects was that "Admin can select multiple checkboxes against the details of a user, and can run an update query when update button is clicked."
To implement this, I made use of Drupal 7's table_select() function which saved my time and made my code less complicated. Now, if you want to know how you can make use of this functionality in one of your projects, you may read on.

The default method of changing a Drupal theme using the graphical Admin interface is familiar to most Drupal users. However a Drupal user is limited to changing only one theme at a time using this method and it is also slightly time consuming. What if you want to enable more then one theme at a time? Drupal provides a quicker way to change the theme using the bash command line. Read on to know how to enable multiple Drupal themes using the bash command line

Drupal theme regions are specific areas defined in a theme into which we place blocks. We can create several regions based on our layout requirements. We define the regions in the theme's info file.

The Flag module in Drupal allows you to create different flags for your website. But the default settings in flag module will only allow you to display these flags under the user-profile page (if your flag type is user), OR under node page/node teaser/in contextual links (if your flag type is node).

The trick explained briefly

We are not actually going to theme the file upload field as it is presently nearly impossible to do that. Instead we are going to put an ordinary looking 'dummy' input text field over the file field. Next we proceed to make the 'original' file upload field invisible but accessible to the user via CSS. So when a user clicks on the dummy input text field they are actually clicking on the file upload field itself. To make it authentic we are going to copy the file path from the file upload field to the text input field via javascript.

Blocks are regions on a Drupal website that show small but significant pieces of content. Blocks are an important component from the perspective of a Drupal website. Blocks are usually assigned to regions in a page and they are supposed to be printed on a page. However there are many instances where you might want to print a block within a content. It is not directly possible to assign a block to a region within content (node in Drupal speak) as you can do with a page. But as with everything in Drupal there is a way to do that.

Drupal allows very fine grained control over how content is presented to the end user. The presentation layer is abstracted beautifully and cleanly designed hooks allows for moving data from the logic layer to the presentation layer. The template file that handles the basic page layout of every drupal site is page.tpl.php and the different regions available for a given theme are all available as HTML elements in page.tpl.php. Another important template file is node.tpl.php which decides how nodes are presented to the end user. Normally the content of nodes go into regions inside page.tpl.php and so does blocks and panels. But what if you want to have regions inside the display area of nodes? What if you want to use blocks to display content inside nodes? The answer is simple - template preprocess is the key.