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.

Original Graphic Bullets

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.

Screen CSS

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.

Original Print Preview

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.

Print Tab on Theme Print CSS

New print preview

Final Print Preview
struturo box

Live Online Demo Free

We are happy to give you and your team a live demo. Submit a request and we will coordinate a time that works best for you.