UI of Drupal Views Module 5.x.1-6 (primary fieldsets expanded)

To take a full screenshot of a Drupal page:

 

UPDATE: Use the Page Saver Basic Firefox extension as suggested by greggles -- or Mac users can follow an alternative way as described below...

 

* Expand as many fieldsets as you'd like and have it as you want it to appear.

 

* Firefox -> File -> Save Page As... -> Format: Web Page, complete -- Save to the Desktop

 

* This will create a add.html (i.e. the last argument from admin/build/views/add) -- as well as a folder add_folders

 

* Garland's style.css should be in the page_files, and the import CSS HTML should look like:

< link type="text/css" rel="stylesheet" media="all" href="page_files/style.css" >

 

* Any images that are contained in the theme directory will need to be copied over into the add_files directory. So copy and paste the entire /themes/garland/images folder to the add_files folder, and the theming images will correctly appear.

 

* If the sidebar images don't appear, then the CSS syntax may looks like this: < style type="text/css" media="all">@import "/themes/garland/style.css"> -- if so, then it needs to be changed to < link type="text/css" rel="stylesheet" media="all" href="add_files/style.css">

The CSS files of admin.css, defaults.css, system.css from /modules/system may need to be placed in the add_files folder if this is the case -- and the add.html may also need to be changed to this syntax.

 

* Mac users can download Paparazzi! screen shot taker from here.

Paparazzi! -> Open File -> Choose page.html from the desktop.

 

* Keep the default minimum size of 800x600 (the 800 width includes the scrollbar)

 

* Click the "Capture!" button

 

* Do a "Save Image As..." and save & upload the png

 

Done