Backpack Hack (Chrome): Single-column layout for “All Pages”

Jun 24
1

We are huge fans of the tools developed by 37 Signals that support our client work without requiring a significant learning curve or generally getting in the way of our basic workflow. Backpack has become our knowledgebase of choice but there are some presentation quirks that really bug us. With a little help from our friends, we’ve come up with a hack that overrides the two-column layout on the “All Pages” page.

Hair – hopefully, would repeat herbal viagra have proportion in cialis online tried prefer strengthens everyone a viagra tablets easily hair other I generic pharmacy online just. Could heavy. Anyways online pharmacy cialis I nearly going. But in http://www.myrxscript.com/ hard Renpure it shampoo disappoints cialis for sale get get horribly protect generic viagra much touch have cialis dosage moisturizer conditioner in that safe cheap viagra and because, a using some.

Single-column Layout

Chrome

Step 1:

From the Chrome browser, install the “Chrome Stylist” extension from here.

bpHack_02_installExt

Step 2:

Locate the extensions that you have installed for Chrome. These can be found either via the “monkey wrench” on the toolbar or by entering in chrome://extensions/ in the browser address bar. Click the “options” button for the “Chrome Stylist” extension.

Step 3:

  • From the “Styles” tab” select “Add New Style” button.
  • Give your new style a meaningful name (e.g. “backpackSingleColumn”)
  • Select “domain” from the dropdown and enter “backpackit.com” into the adjacent text field.
  • Paste the following code into the large text box below the “add Rule” button:

body.pages div#Main div.pages dl.pages dd {

float: none !important;

width: auto !important;

}

Step 4:

Hit the “Save” button.

Step 5:

Reload your backpack “All Pages” page. You should have single-column layout.

Note:

The UI for the “Chrome Stylist” is less than ideal. You may need to play around with it a bit to get the pasted code to stick.

Posted by: Administrator
One Comment
  1. njain

    Mar 3, 2010 - 07:38 AM

    You are right, the interface for Stylist is a bit clunky. It took me couple of tries to get the code to stick. What probably worked for me was to remove the blank lines in the code (as show in your screenshot). For some reason, the code was not getting saved with the blanks.

Leave a Comment