Question

I would like to try WebPutty as an easy way to fiddle with the FogBugz css (finally resulting in a customization). But WebPutty needs some special tags in the page. Is there any way to make that work?

We host FogBugz ourselves, but I'm hesitant to changing the source code (and remember doing that every upgrade).

Answer 1

You definitely can! Just use this BugMonkey customization and plug in the page key for the WebPutty stylesheet you'd like to use:

name:          WebPutty your FogBugz
description:   Wires up your FogBugz to work with WebPutty.
author:        Dane Bertram
version:       1.0.0.0

js:

var pageKey = 'your WebPutty page key goes here!';

var style = document.createElement('link');
style.rel = 'stylesheet';
style.type = 'text/css';
style.href = 'http://webputty.commondatastorage.googleapis.com/' + pageKey + '.css';
document.getElementsByTagName("head")[0].appendChild(style);

(function(w,d,k){if(w.location!=w.parent.location||w.location.search.indexOf('__preview_css__')>-1){var t=d.createElement('script');t.type='text/javascript';t.async=true;t.src='http://www.webputty.net/js/'+k;(d.body||d.documentElement).appendChild(t);}})(window,document,pageKey);

You can find the page key for a WebPutty stylesheet by:

1. opening the editor for the stylesheet in WebPutty
2. clicking on the "Embed" link at the top of the preview pane
3. In the code WebPutty asks you to copy and paste you can find the page key near the end of the link tag's href attribute:

<link rel="stylesheet" type="text/css" href="//webputty.commondatastorage.googleapis.com/[page key].css" />