
<html><head></head><body>Hi Thomas,<br>

<br>

I habe been playing around with the canvas object in the past, where you can arrange text free. If this ist an Option die you I could search for the code on my Computer. <br>

Just an idea ;-)<br>

<br>

Cheers Jochen<br><br><div class="gmail_quote">Am 27. Dezember 2016 19:08:09 MEZ, schrieb Tomas Groth <second@tgc.dk>:<blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;">

<div dir="ltr">Hi all,<div><br /></div><div>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 supported.</div><div>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!</div><div><br /></div><div>Here is an example of chords using CSS, which works fine: <a href="https://jsfiddle.net/rm3vg5m7/1/">https://jsfiddle.net/rm3vg5m7/1/</a></div><div><br /></div><div>And here is the same chords using tables, which needs some work: <a

href="https://jsfiddle.net/3mbuxquv/1/">https://jsfiddle.net/3mbuxquv/1/</a></div><div>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: <a href="https://doc.qt.io/qt-5/richtext-html-subset.html">https://doc.qt.io/qt-5/richtext-html-subset.html</a></div><div><br /></div><div>Best regards,</div><div>Tomas</div><div><br /></div><div><br /></div></div>

<p style="margin-top: 2.5em; margin-bottom: 1em; border-bottom: 1px solid #000"></p><pre class="k9mail"><hr /><br />openlp-dev mailing list<br />openlp-dev@openlp.io<br /><a href="https://lists.openlp.io/mailman/listinfo/openlp-dev">https://lists.openlp.io/mailman/listinfo/openlp-dev</a><br /></pre></blockquote></div><br>

-- <br>

Sent from my Android device with K-9 Mail. Please excuse my brevity.</body></html>