Monday, January 28, 2008

My graphical bullets won't print!

We all love graphics. So naturally, when your customer wants to display a bullet list, they are not satisfied with a black circle or square. They want a fancy triangle or colored circle.

Style sheet to the rescue

A style sheet can accomplish this very easily by adding a background graphic to the list item and setting the list-style to none.

Uh oh...

The downside to this approach is that the default setting for many browsers is to hide background graphics. So in this case the user loses the bullets when printing.

This is easily solved in Struturo by taking advantage of the print tab in the theme document. All you have to do is set the list style for the ul tag to something other than none and reset the left margin and padding.

New print preview