Hello There,
I have two divs on my page. When I set the "page-break-after: always" style on the first div or "set page-break-before: always" style on the second div, part of the second div still shows in the first page when generating a PDF file.

I am using EO.PDF (v17.1.76) and EO.PDF.MVC(v 17.1.76). I am using the trial license as I am evaluating the pdf generating before we decide to buy it.

I am converting my divs sitting in a .cshtml file into a pdf file.

My cshtml code is as follows:
<div style="page-break-after:always">
<div class="jumbotron">
<h1>ASP.NET</h1>
<p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p>
<p><a href="http://asp.net" class="btn btn-primary btn-lg">Learn more &raquo;</a></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2>Getting started</h2>
<p>
ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that
enables a clean separation of concerns and gives you full control over markup
for enjoyable, agile development.
</p>
<p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301865">Learn more &raquo;</a></p>
</div>
<div class="col-md-4">
<h2>Get more libraries</h2>
<p>NuGet is a free Visual Studio extension that makes it easy to add, remove, and update libraries and tools in Visual Studio projects.</p>
<p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301866">Learn more &raquo;</a></p>
</div>
<div class="col-md-4">
<h2>Web Hosting</h2>
<p>You can easily find a web hosting company that offers the right mix of features and price for your applications.</p>
<p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301867">Learn more &raquo;</a></p>
</div>
</div>

Do you have sample code for MVC that shows how manual paging works ?

Please let me know.

Best Regards,
Ashwanth

Thank you for emphasizing/clarifying this. When I try your simple example it works.

The default behavior of Divs is to stack up vertically. In my case, the Divs get stacked vertically when seen on the browser. Div2 is below Div1. The simplified code is as follows:
<div style="page-break-after:always;">
<button class="btn btn-default">First Button</button>
</div>
<div>
<button class="btn btn-default">Second Button</button>
</div>
<div>
<a href="@(Url.Action("GeneratePDF", "Home"))">Generate PDF</a>
<button class="btn btn-primary .GenPDF" id="GenPDF">Generate PDF</button>
</div>

My Div1 has a height of 34 and my Div2 starts from the bottom edge of Div1. When I generate the PDF, part of my Div2 shows in the first page. Can you execute the above code in a simple asp.net mvc project and check ? Or give me a example where the height of the Divs are not specified explicitly like you did in your example.

Best Regards,
Ashwanth

Hi,
Thank you for your inputs.
The issue happens even without the CSS styles and with the code below in a cshtml file.
<div style="page-break-after:always;">
<button>First Button</button>
</div>
<div>
<button>Second Button</button>
</div>
<div>
<a href="@(Url.Action("GeneratePDF", "Home"))">Generate PDF</a>
</div>

Part of the second button appears in the first page.

Best Regards,
Ashwanth

Hi,
I sent you the test project.

Best Regards,
Ashwanth