WEM Community - Forum Thread

>

>

PDF creation, problems with centering and justifying content

Direct link to this thread: forum.wem.io/link?threadid=545

PDF creation, problems with centering and justifying content
0 replies

2022-06-03 15:33
last edited: 2022-06-03 16:50

By: JenB

I'm doing a PDF template with the "Execute Process" tool from WEM.

And I have two problems:

FIRST 

- I created a script <div class=  "pdfContainer"> for my HTML text and content .

- Then I open a new script and add HTML text and content.

- Close the div with other script.

On CSS I call the div class, and to test  if it is working I added a red background.

.pdfContainer{

    background-color: red;

    width: 100%;

    margin-right: 30px;

    margin-top: 0px;

    height:100%;

    padding: 10px;

}

The result is: the background it getting red, but the padding and margen properties are being ignored. All the content I have inside this div, just don't accept any of these properties, some text even goes out of the <div container>. I also have tried to change the width to "max-content", to a specific size "example: 400px " and nothing. 

SECOND (see attached image)

I cant adjust the text inside the PDF. It keeps coming out from the PDF margen on the left side. What I've tried and it's being ignored.

1) As HTML:

- Create a script <div= textBlockPDF> </div>

- In the middle of this script I've wrote my HTML text: 

"example: 

<ul>

<li class="thisIsaList li-bullet-1" style="text-align: justify">

<span class="title">

de geadresseerde van de factuur overeenstemt met de in B11 tot B13 vermelde begunstigde en text text text text...

</span>

</li>

<ul>"

- In CSS I've tried given a margin and padding, not just to the DIV, but also to the <li class>,<span class> and NOTHING changes.

2) I used the standar WEM text option. Text and List from WEM and I still have the same error.

3) The "page landscape" option from the PDF generator is set to false.

Screen Shot 2022-06-03 at 16.18.52.png

Text is disappearing in the right side of the page

JenB

 

 

Be the first to comment on this thread