Join Chaz Chumley for an in-depth discussion in this video Integrating responsive tables into Drupal, part of Responsive Design with Drupal.
- View Offline
When you think about in Drupal, you may not always think about tabular data.…But in general, there are only two places you may have tabular data to work with.…The first is the end user, creating tabular data using the WYSIWYG inside a node or a…block, the other is the output of the view of data from various content types.…In this section we will cover tabular data in views and how to modify the HTML for our…needs so that we can apply the responsive table's techniques we learned in the previous movie.…To begin with, I am already logged in, but if you need to log in, do so at this time and…then go ahead and navigate over to Structure and Views.…
In order to do this technique, I actually need to create a view first.…so I am going to go ahead and click on Add new view, I am going to give this View a name…of tables, and then this is going to be a Content Of Type All.…I am going to create a page called tables with the Path of tables and the Display Format…is going to be Table of fields.…From here I am going to click on Continue & edit, and right now if I scroll down all…
The course starts with setting up the Drupal environment in Acquia and defines some basic principles of responsive design before moving on to creating a new Drupal theme with fluid layouts, fluid media, and responsive tables and forms. Chaz also covers writing media queries, which allow you to create different style sheets for each device type.
The course wraps up with a look at Respond.js and content-aware image sizing in Drupal—responsive design tools that can optimize your project for maximum performance.
- What is responsive design?
- Understanding fixed-width vs. fluid layouts
- Working with fluid margins and padding
- Writing a media query
- Creating responsive menus and forms
- Adding min- and max-width support with Respond.js