[openlp-dev] Need some HTML/CSS assistance for chord print support

Tomas Groth second at tgc.dk
Tue Dec 27 13:08:09 EST 2016

Hi all,

As some of you might know I have been working on chord support for OpenLP,
and most of it has been implemented and will (hopefully) soon be merged
into trunk. But there is still one thing missing: Support for printing
chords. The challenge is that we have implemented chord supports using CSS,
but the component we use for printing only supports a limited subset of
CSS, and the things we need for chords to be rendered correctly is not
So I have tried to implement chords using tables, but my HTML/CSS skills
are not good enough to crack this nut, so I hope some of you can help me!

Here is an example of chords using CSS, which works fine:

And here is the same chords using tables, which needs some work:
Feel free to fork this last one and come up with a solution where the line
wraps correctly, the trick is that you must only use the HTML element and
CSS properties mentioned on this page:

Best regards,
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openlp.io/pipermail/openlp-dev/attachments/20161227/15774efd/attachment.html>

More information about the openlp-dev mailing list