You are here

Home » API reference » Views Responsive Grid 7

README.txt in Views Responsive Grid 7

Same filename and directory in other branches
  1. 8 README.txt
CONTENTS OF THIS FILE
---------------------

 * Introduction
 * Installation
 * How to use


INTRODUCTION
------------

Current Maintainer: Ian Whitcomb - http://drupal.org/user/771654

Views Responsive Grid provides a views plugin for displaying content in a
responsive(mobile friendly) grid layout. Rather than trying to force the
standard Views grid display to work for mobile this provides the same
functionality, but in DIVs instead of tables. Provided is also the ability to
specify a horizontal or vertical grid layout which will properly stack the
content on a mobile display.


INSTALLATION
------------

1. Download module and copy views_responsive_grid folder to sites/all/modules

2. Enable Views and Views Responsive Grid modules.


HOW TO USE
------------

After enabling the module, create a new view with the responsive grid display
format. Specify the number of columns, and the alignment of the grid.

You'll need to understand that the the module won't provide any default styling
to the grid so you may think it's not working, this is by design. In order for
the columns to work you'll need to specify the class name of your columns. For
example, if your theme utilizes a grid, like Twitter Bootstrap does, you would
specify "span3" as the column class(making sure to use the correct span size).
This will make sure your column adhere to the grid in your Bootstrap based
theme.

For a short tutorial on how to use this module with Bootstrap 2, take a look at
the following issue:

https://www.drupal.org/node/2390355

File

README.txt
View source 
  1. CONTENTS OF THIS FILE

  2. ---------------------

  3. 

  4.  * Introduction

  5.  * Installation

  6.  * How to use

  7. 

  8. 

  9. INTRODUCTION

  10. ------------

  11. 

  12. Current Maintainer: Ian Whitcomb - http://drupal.org/user/771654

  13. 

  14. Views Responsive Grid provides a views plugin for displaying content in a

  15. responsive(mobile friendly) grid layout. Rather than trying to force the

  16. standard Views grid display to work for mobile this provides the same

  17. functionality, but in DIVs instead of tables. Provided is also the ability to

  18. specify a horizontal or vertical grid layout which will properly stack the

  19. content on a mobile display.

  20. 

  21. 

  22. INSTALLATION

  23. ------------

  24. 

  25. 1. Download module and copy views_responsive_grid folder to sites/all/modules

  26. 

  27. 2. Enable Views and Views Responsive Grid modules.

  28. 

  29. 

  30. HOW TO USE

  31. ------------

  32. 

  33. After enabling the module, create a new view with the responsive grid display

  34. format. Specify the number of columns, and the alignment of the grid.

  35. 

  36. You'll need to understand that the the module won't provide any default styling

  37. to the grid so you may think it's not working, this is by design. In order for

  38. the columns to work you'll need to specify the class name of your columns. For

  39. example, if your theme utilizes a grid, like Twitter Bootstrap does, you would

  40. specify "span3" as the column class(making sure to use the correct span size).

  41. This will make sure your column adhere to the grid in your Bootstrap based

  42. theme.

  43. 

  44. For a short tutorial on how to use this module with Bootstrap 2, take a look at

  45. the following issue:

  46. 

  47. https://www.drupal.org/node/2390355