Adjusting the Export to Simple HTML page layout
 

I use File > Export > Simple HTML to share my task lists with many of my clients.

Today I was inspired to see if I could modify the HTML page that OmniFocus generates. A BBEdit Find helped me locate the canned HTML that appears at the front of all generated Simple HTML pages.

Using OmniWeb's View > View in Source Editor + hacking + Redisplay, I was able to quickly test various changes. I settled on these:[LIST][*]Change the page title from "Perspective: Web Export" to "Task List".[*]Change the font from "helvetica" to "verdana".[*]Minimize the left and right margins by expanding the table width from 80% to 95%.[*]Tighten up the table by decreasing cell padding: 4pt -> 3pt vertical, 8pt -> 4pt horizontal.[*]Emphasize the difference between task descriptions and notes by displaying the notes in italics.[/LIST]There are two more changes I'd like, but OmniWeb's generated HTML doesn't provide sufficient CSS hooks:[LIST][*]Hide the extraneous project name column by setting the text color to white-on-white.[*]Set the Due Date column to no wrap so lines with dates are not double-height.[/LIST]I realize I'll need to reapply my hacks for each new OmniFocus release:[LIST=1][*]Right-click on the OmniFocus app & choose Show Package Contents.[*]Navigate to the Content > Resources > English.lproj folder.[*]Check for updates to officlal HTMLExportHeader.html file & integrate those changes into my modified file.[*]Replace the official HTMLExportHeader.html file with my modified file.[/LIST]I've attached my modified HTMLExportHeader.html file (derived from OmniFocus 1.9.4).

-- Ward