Is there any thought we could identify blank pages

[haider.arshad]

Product:PDFTRONSDK

Product Version: PDFTron.NetCore.App.x64(9.3.0)

In Html to PDF Creation process (Chromium base), if an element is longer than a page and there is already some content on the page then it starts from the next page. That is fine for use but for some reasons we have to give control to our client that he/she can add Page Break where he/she wants.
But when we add this property on a html’s element it adds an extra page to the document. Html code is added below. As well I have attached an output file.

<link rel="stylesheet" type="text/css"
    href="D:\Exelon-Proj-data\IntergationPDFTest\IntergationPDFTest\IntergationPDFTest\bin\Debug\net6.0\styles\PdfGenerationStyles.css">
<style>
    body {
        font-family: Arial;
        font-size: 12pt;
    }

    .step-note {
        border: 1px solid;
        display: block !important;
        padding-top: 5px;
    }

    .step-caution {
        border: 5px double;
        display: block !important;
        padding-top: 5px;
    }

    .step-warning {
        border: 5px Solid;
        display: block !important;
        padding-top: 5px;
    }

    .step-alara {
        border: 1px solid;
        display: block !important;
        padding-top: 5px;
    }
</style>

<div class="step-row step-col-full"    style="page-break-after: always;">
    <div class="d-block-element">
        <div class="sr-indent"></div>
        <div class="sr-bullet ">2.</div>
        <div class="sr-content">
            <p>Step link &gt; View only &gt; smart element.</p>
            <p>STEP LINK WITH BRANCH PROCEDURE:</p>
            <p> <span class="smart-widget-steplink"><span class="swst-step-info-ref-elements"><span>AD-AA-101,
                            PROCESSING OF PROCEDURES AND T AND RMS</span> (Branched Procedure_1 on Step 1.[SECTION NO
                        1])</span><span class="swst-label ml-0"> (Step Link_1)</span><span
                        class="swst-label"></span></span><br>&nbsp;</p>
            <div style="clear: both"></div>
        </div>

        <div class="sr-content">
            <p>Step link &gt; View only &gt; smart element.</p>
            <p>STEP LINK WITH BRANCH PROCEDURE:</p>
            <p> <span class="smart-widget-steplink"><span class="swst-step-info-ref-elements"><span>AD-AA-101,
                            PROCESSING OF PROCEDURES AND T AND RMS</span> (Branched Procedure_1 on Step 1.[SECTION NO
                        1])</span><span class="swst-label ml-0"> (Step Link_1)</span><span
                        class="swst-label"></span></span><br>&nbsp;</p>
            <div style="clear: both"></div>
        </div>
        <div class="sr-content">
            <p>Step link &gt; View only &gt; smart element.</p>
            <p>STEP LINK WITH BRANCH PROCEDURE:</p>
            <p> <span class="smart-widget-steplink"><span class="swst-step-info-ref-elements"><span>AD-AA-101,
                            PROCESSING OF PROCEDURES AND T AND RMS</span> (Branched Procedure_1 on Step 1.[SECTION NO
                        1])</span><span class="swst-label ml-0"> (Step Link_1)</span><span
                        class="swst-label"></span></span><br>&nbsp;</p>
            <div style="clear: both"></div>
        </div>
        <div class="sr-content">
            <p>Step link &gt; View only &gt; smart element.</p>
            <p>STEP LINK WITH BRANCH PROCEDURE:</p>
            <p> <span class="smart-widget-steplink"><span class="swst-step-info-ref-elements"><span>AD-AA-101,
                            PROCESSING OF PROCEDURES AND T AND RMS</span> (Branched Procedure_1 on Step 1.[SECTION NO
                        1])</span><span class="swst-label ml-0"> (Step Link_1)</span><span
                        class="swst-label"></span></span><br>&nbsp;</p>
            <div style="clear: both"></div>
        </div>
    </div>
    <div class="justify-content-end">
        <div class="sr-ack">
            <table cellspacing="0">
                <tbody>
                    <tr class="d-block-element">
                        <td class="ack-checkbox-widget">&hairsp;<div class="acw-blank"></div>
                            <div class="acw-label"></div>
                        </td>
                        <td class="userinitials-wrap"></td>
                    </tr>
                    <tr class="d-block-element empty v-align-top">
                        <td class="ack-checkbox-widget">
                            <div class="acw-label"></div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div style="clear: both"></div>
    </div>
    <div style="clear: both"></div>
</div>



<div>
    <div class="step-row step-col-full" >
        <div class="d-block-element">
            <div class="sr-indent"></div>
            <div class="sr-bullet ">2.</div>
            <div class="sr-content">
                <p>Step link &gt; View only &gt; smart element.</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
    
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                <p>STEP LINK WITH BRANCH PROCEDURE:</p>
                
    
    
    
                <p> <span class="smart-widget-steplink"><span class="swst-step-info-ref-elements"><span>AD-AA-101,
                                PROCESSING OF PROCEDURES AND T AND RMS</span> (Branched Procedure_1 on Step 1.[SECTION NO
                            1])</span><span class="swst-label ml-0"> (Step Link_1)</span><span
                            class="swst-label"></span></span><br>&nbsp;</p>
                <div style="clear: both"></div>
            </div>
    
         
    </div>
    
    <div class="justify-content-end">
            <div class="sr-ack">
                <table cellspacing="0">
                    <tbody>
                        <tr class="d-block-element">
                            <td class="ack-checkbox-widget">&hairsp;<div class="acw-blank"></div>
                                <div class="acw-label"></div>
                            </td>
                            <td class="userinitials-wrap"></td>
                        </tr>
                        <tr class="d-block-element empty v-align-top">
                            <td class="ack-checkbox-widget">
                                <div class="acw-label"></div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div style="clear: both"></div>
        </div>
        <div style="clear: both"></div>
    
    </div>
</div>


<div>
    <div style="page-break-before: always;">
        
        <div class="step-row step-col-full ">
            <div class="d-block-element">
                <div class="sr-indent"></div>
                <div class="sr-bullet ">3.</div>
                <div class="sr-content">
                    <div>Step link &gt; View only &gt; smart element.</div><br>
                    <div>STEP LINK WITH IMAGE:</div><br>
                    <div> <span class="smart-widget-image" style="text-align:center; ">
                            <div class="swi-figure" style=" width: 331px;"><br><img class="swi-image"
                                    style="width:331px;height:162.87937779433682px; "
                                    src="C:\Users\haider.arshad\source\repos\IntergationPDFTest\resources\images\5249104978255338616_m.png">
                            </div>
                        </span><span class="smart-widget-steplink-image-label" style="text-align:center;"><span
                                class="swst-step-info-ref-elements"> (Image_2 on Step 20.[SECTION NO 1])</span><span
                                class="swst-labelml-0">(Step Link_1)</span><span class="swst-label sec-m-left"></span></span>
                    </div><br>
                    <div style="clear: both"></div>
                </div>
            </div>
            <div class="justify-content-end">
                <div class="sr-ack">
                    <table cellspacing="0">
                        <tbody>
                            <tr class="d-block-element">
                                <td class="ack-checkbox-widget">&hairsp;<div class="acw-blank"></div>
                                    <div class="acw-label"></div>
                                </td>
                                <td class="userinitials-wrap"></td>
                            </tr>
                            <tr class="d-block-element empty v-align-top">
                                <td class="ack-checkbox-widget">
                                    <div class="acw-label"></div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div style="clear: both"></div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
</div>

Not able to share the pdf due editor limitation, i have attached screenshot may it help to understand the problem.

Can you please help us to identify the blank pages in the pdf.

Thanks

[system]

Hello, I’m Ron, an automated tech support bot

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:

Guides:

• Add-on modules for Cross-Platform (Core) library - Structured Output Module
• Embedded fonts on Cross-Platform (Core) - About embedded fonts
• PDF Generation Library on Cross-Platform (Core)
• Open a PDF on Cross-Platform (Core) - About opening a document

APIs:

• Class HTML2PDF
• Class TemplateDocument - FillTemplateJson(String)
• Class Reflow - SetMessageWhenNoReflowContent(String)

Forums:

• Appear blank pages on tables with long htight and width
• Converting documents to PDF and printing them to fit pages
• Replacement text cut off

[kmirsalehi]

Hi Haider,

Can you please share the code you are using to generate to convert the HTML to PDF?