wkhtmltopdf - Coldfusion 11 CFHTMLTOPDF adding page break between 2 divs with position:relative -

-

i trying create pdf cfhtmltopdf contains 2 rows of divs have css setting of position:relative; . between each row want have page break create <cfhtmltopdfitem type="pagebreak" />.

this creates page break , adds second row second page, second row still included on first page (so duplicated). if remove position:relative fixes issue breaks formatting.

i have tried wrapping code in div or table doesn't contain position:relative; have found if content (divs,tables) has object relative position same issue occurs. have work around this? example code below. 

<cfhtmltopdf orientation="landscape"> <!doctype html>     <head>         <title>test page</title>                 <style>             .block{width: 288px; height: 255px; margin: 0 0 10px 8px;position:relative;padding: 0; display:inline-block; top: 0; left:0; vertical-align:top;background: #cee7f4;color: #0081c6;}             .block2{width: 288px; height: 255px; margin: 0 0 10px 8px;padding: 0; top: 0; left:0; vertical-align:top;background: #cee7f4;color: #0081c6;display:inline-block;}         </style>     </head>     <body>         <div style="position:static;display:block;border:1px solid green;">test1             <div class="block">                 block 1             </div>              <div class="block">                 block 2             </div>          </div>          <cfhtmltopdfitem type="pagebreak" />          <div style="position:static;display:block;border:1px solid red;">test 2             <div class="block">                 block 3             </div>              <div class="block">                 block 4             </div>          </div>          <cfhtmltopdfitem type="pagebreak" />                  <div>this code works</div>          <div class="block2">             block 5         </div>          <div class="block2">             block 6         </div>          <cfhtmltopdfitem type="pagebreak" />             <div class="block2">             block 7         </div>          <div class="block2">             block 8         </div>      </body> </html> </cfhtmltopdf>


Comments

  1. UnknownAugust 6, 2018 at 2:53 PM

    I have ran into this same issue where removing a text-overflow rule fixed the issue. However, I have a table needing text-overflow: hidden. Resulted in having to count rows of the table and manually insert a block level div to push following content to next page. :-( This duplicating of info using page breaks has been a HUGE pain.

    ReplyDelete

Post a Comment

Popular posts from this blog

sql server - MSSQL Text and Varchar(MAX) fields shown (MEMO) in DBGrid -

-
Image
i have encountered problem in mssql & delphi xe3. text , varchar(max) fields seemed (memo) or (widememo) in tdbgrid & tdbadvgrid (tms dbgrid). in first screenshot can see table fiels, in second screentshot can see sample data in database: in screenshot, see how in dbgrid or in query results. i figured out changing field type char , varchar not max solves issue don't know why having problem. can please let me know?
Read more

php - Changing the visibility scope of parent methods in child classes -

-
i've got validator class , uservalidator class extends it. my validator has public method setrule(...) public visibility. when extend want change visibility of setrule(...) parent method private/protected within child it's visible child , no outsiders can call method from child. is possible? if so, how achieve it? from architectural point of view not recommended. stated in comments clean way set method protected children can access it. i cannot think of single use case put me in need call public method on parent class not allowed call on child class. that's against open/closed principle. classes should open extension, not modification. since not question i'll provide way how can achieved though. note: this method makes use of class responsible instantiation it's hack. solution not make use of php's native language features when throwing accessibility errors. first let's define classes had <?php class validator { ...
Read more

qml - Is it possible to implement SystemTrayIcon functionality in Qt Quick application -

-
i writing qtquick desktop application. use both c++ (for functionality) , qml (for ui) in it. use qquickview show interface written in qml. i want application reside in system tray when minimised. i mean functionality similar example. http://qt-project.org/doc/qt-4.8/desktop-systray.html . trying implement feature not find way in qt quick application. here main.cpp code: #include <qguiapplication> #include <qqmlengine> #include <qqmlcontext> #include <qqmlfileselector> #include <qquickview> #include "myapp.h" int main(int argc, char* argv[]) { qguiapplication app(argc,argv); app.setapplicationname(qfileinfo(app.applicationfilepath()).basename()); qdir::setcurrent(qapp->applicationdirpath()); myapp myappobject; qquickview view; view.connect(view.engine(), signal(quit()), &app, slot(quit())); view.rootcontext()->setcontextproperty("myappobject", &myappobject); new qqmlfilese...
Read more