<div dir="ltr">Hi MBernis,<div><br></div><div>Thank you for your input!</div><div>This is a fairly simple solution that I've considered, but I'd like to avoid being forced to use a specific font type, and there is also a challenge with line-wrapping.</div><div><br></div><div>Best regards,</div><div>Tomas</div></div><div class="gmail_extra"><br><div class="gmail_quote">2016-12-28 18:23 GMT+01:00 MBernis <span dir="ltr"><<a href="mailto:mbernis@chez.com" target="_blank">mbernis@chez.com</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div text="#000000" bgcolor="#FFFFFF">
Hi Tomas,<br>
<br>
If it can help you, this is my remote implementation of chords : I
split chords and text in 2 lines, use a fixed font (Fira Mono), fill
chords line with the HTML and when necessary text with
'-'.<br>
<br>
Here is a example :<br>
<br>
<p style="vertical-align: middle; display: table-cell;
font-family: Fira Mono; padding: 15px; font-size:
22px;"> &<wbr>nbsp; &<wbr>nbsp;Do &<wbr>nbsp; Lam7 <wbr>Sol <br><span>Quand <wbr>je sonde l'univ-ers,<wbr></span><br> &<wbr>nbsp; Fa2 &<wbr>nbsp; &<wbr>nbsp; &<wbr>nbsp; <wbr>Sol <br><span>les <wbr>astres que tu <wbr>as créés,</span><br>&<wbr>nbsp; Do&<wbr>nbsp; Lam &<wbr>nbsp; Sol&<wbr>nbsp;<br><span>Les <wbr>océans, les mers,</<wbr>span><br> &<wbr>nbsp; &<wbr>nbsp; Fa2 &<wbr>nbsp; &<wbr>nbsp; Sol&<wbr>nbsp;<br><span>tout me&<wbr>nbsp;révèle ta <wbr>majesté.</span></p><br>
<br>
Regards,<br>
MBernis.<div><div class="h5"><br>
<br>
<div class="m_-4057051118317094729moz-cite-prefix">Le 27/12/2016 à 19:08, Tomas Groth a
écrit :<br>
</div>
</div></div><blockquote type="cite"><div><div class="h5">
<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/" target="_blank"></a><a class="m_-4057051118317094729moz-txt-link-freetext" href="https://jsfiddle.net/rm3vg5m7/1/" target="_blank">https://jsfiddle.net/<wbr>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/" target="_blank">https://jsfiddle.net/<wbr>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" target="_blank">https://doc.qt.io/qt-5/<wbr>richtext-html-subset.html</a></div>
<div><br>
</div>
<div>Best regards,</div>
<div>Tomas</div>
<div><br>
</div>
<div><br>
</div>
</div>
<br>
<fieldset class="m_-4057051118317094729mimeAttachmentHeader"></fieldset>
<br>
</div></div><pre>______________________________<wbr>_________________
openlp-dev mailing list
<a class="m_-4057051118317094729moz-txt-link-abbreviated" href="mailto:openlp-dev@openlp.io" target="_blank">openlp-dev@openlp.io</a>
<a class="m_-4057051118317094729moz-txt-link-freetext" href="https://lists.openlp.io/mailman/listinfo/openlp-dev" target="_blank">https://lists.openlp.io/<wbr>mailman/listinfo/openlp-dev</a>
</pre>
</blockquote>
<br>
</div>
<br>______________________________<wbr>_________________<br>
openlp-dev mailing list<br>
<a href="mailto:openlp-dev@openlp.io">openlp-dev@openlp.io</a><br>
<a href="https://lists.openlp.io/mailman/listinfo/openlp-dev" rel="noreferrer" target="_blank">https://lists.openlp.io/<wbr>mailman/listinfo/openlp-dev</a><br>
<br></blockquote></div><br></div>