Api doesn't work if wrapped in PDF Content / Inputs not to be in the pdf content

On Wappler 6.3.0, testing PDF creator, I got the following problem:

in normal situation, once I put the dates in first and second inputs, I got all the data.
I wrap the inputs and the tables in a column to be printed with PDF Creator, but once I set the column as pdfcontent1, then api doesn’t work also if i put the dates.

EDIT: if I take the input fields out of the PDF creator, then API works, I got the data on the page but get empty PDF
Any suggestions ?

The pdf creator uses the generated html for the pdf, when the data is visible on the page it should also be in the created pdf. What is the html layout you use in the pdf content, is it a standard table for the data?

Yes standard table with table generator

form input fields are currently not supported in the content for the PDF creator.

Yes I take out them from the column and put in mother row and they works

Got one line of error for each line of the table…

if the pdf is empty - then an error has occurred creating it.
Go back to the original page in the browser and check the console in the devtools for the errors.

Here what I get from the console when generating PDF

any errors next to all the log messages?

No just all lines as first screenshot
Edit: the page is a content page. I checked and in the layout page there are the two lines:

<script src="/dmxAppConnect/dmxPdfCreator/dmxPdfCreator.js" defer></script>
    <script src="https://cdn.jsdelivr.net/npm/pdfmake@0.2.9/build/pdfmake.min.js" defer></script>

what is your exact page html? the pdf content part

the part in blu… do you want to check the code ?
I took out the inputs out because not working

yes the exact html code please

        <div class="row">
            <div class="col-12">
                <h5 class="text-center">USD Accounting</h5>
            </div>
            <div class="col mt-3">
                <div class="table-responsive">
                    <table class="table table-bordered table-sm">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Curr</th>
                                <th>Amount</th>
                                <th>Transaction</th>
                                <th>Borrower</th>
                                <th>Description</th>
                                <th>Broker salutation</th>
                            </tr>
                        </thead>
                        <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="list_movements.data.query_general" id="tableRepeat2">
                            <tr>
                                <td dmx-text="acc_date.formatDate('dd.MM.yyyy')"></td>
                                <td dmx-text="acc_curr" class="text-center"></td>
                                <td dmx-text="acc_amount.formatNumber(2, '.', ',')" class="text-end"></td>
                                <td dmx-text="transactioncode" class="text-center"></td>
                                <td dmx-text="companyname"></td>
                                <td dmx-text="acc_description"></td>
                                <td dmx-text="broker_salutation+'  '+surname"></td>
                            </tr>
                        </tbody>
                        <tbody class="table-group-divider">
                            <tr>
                                <td style="width: 93px;"></td>
                                <td style="width: 46px;" class="text-center">USD</td>
                                <td dmx-text="list_movements.data.totals_out.round(2).formatNumber(2, '.', ',')" class="fw-bold text-end" style="width: 84px;"></td>
                                <td style="width: 153px;" class="text-center"></td>
                                <td style="width: 240px;"></td>
                                <td style="width: 348px;"></td>
                                <td style="width: 200px;"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <h5 class="text-center">EUR Accounting</h5>
            </div>
            <div class="col mt-3">
                <div class="table-responsive">
                    <table class="table table-bordered table-sm">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Curr</th>
                                <th>Amount</th>
                                <th>Transaction</th>
                                <th>Borrower</th>
                                <th>Description</th>
                                <th>Broker salutation</th>
                            </tr>
                        </thead>
                        <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="list_movements_eur.data.query_general" id="tableRepeat1">
                            <tr>
                                <td dmx-text="acc_date.formatDate('dd.MM.yyyy')"></td>
                                <td dmx-text="acc_curr" class="text-center"></td>
                                <td dmx-text="acc_amount.formatNumber(2, '.', ',')" class="text-end"></td>
                                <td dmx-text="transactioncode" class="text-center"></td>
                                <td dmx-text="companyname"></td>
                                <td dmx-text="acc_description"></td>
                                <td dmx-text="broker_salutation+'  '+surname"></td>
                            </tr>
                        </tbody>
                        <tbody class="table-group-divider">
                            <tr>
                                <td style="width: 93px;"></td>
                                <td style="width: 46px;" class="text-center">EUR</td>
                                <td dmx-text="list_movements_eur.data.totalseur_out.round(2).formatNumber(2, '.', ',')" class="fw-bold text-end" style="width: 84px;"></td>
                                <td style="width: 153px;" class="text-center"></td>
                                <td style="width: 240px;"></td>
                                <td style="width: 348px;"></td>
                                <td style="width: 200px;"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

I see a lot of style=“width: 240px;” - can you remove those? Try using the bootstrap with classes - and maybe just one with w-100

deleted all… same result :frowning:

ah the widths was not it.

You are using columns while you should be using rows …
why do you have your title in a col-12 and then next a col
you can just use rows as you want two rows

columns do not float that easy in pdf.