1
0
-1

Hello,

We need a solution to wrap to a second column on a page given that the content in the first column gets too long. We need this to happen dynamically. There is a CSS3 property:

column-count: 2;
column-gap: 20px;

This will auto wrap the content if a div to a new column assuming you have a height set. Composer in general supports this, but not the phantomJS PDF receipts.

After doing some research online, I have discovered that phantomJS not supporting CSS3 columns is a known issue. There is a JS alternative out there that comes in way of a library that can be imported from here:

http://web.archive.org/web/20130401113432/http://www.csscripting.com/css-multi-column

Bringing this into the form causes a syntax error on the library itself which has proven difficult to debug.

Has anyone else battled through this issue and is there a solution out there that can be leveraged?

Thanks,

Lance

 

    CommentAdd your comment...

    1 answer

    1.  
      1
      0
      -1

      Hi Lance,

      We do have an experimental Electron based PDF renderer in TM which you could give a try. It uses the same renderer as Chrome, so CSS columns should work. Do note however, that is has not been used / tested much thus far.

       

      Kind regards,

      Jack

        CommentAdd your comment...