Mohammad more...

If your print tiddler consists only of a table, you can use online 
documented methods to repeat headings and throw page breaks using 
<thead><tfoot><tbody> tags (in that order). 

CSS in a @media print is only applied at print time, see below for one I 
created as a start.

If you are printing more than a single tables you will need to include page 
headers and footers, if you use both it does get a little more complex.

With both page headers and a table the trick is to define css to create 
headers and footers with fixed positions (and height) but use this same 
height in an invisible table row in the header and footer of the table so 
it does not overwrite the page header and footer.

@page {
   margin: 1cm; 
}

@media print {
  header {
    position: fixed;
    top: 0;
    width: 100%;
  }
  footer {
    position: fixed;
    bottom: 0;
    text-align: centre;
    width: 100%;
  }
  tfoot {
    page-break-after: always;
  }
  thead {
    display: table-header-group;
  }
  tbody {
    page-break-inside: avoid;
  }
  tr, td {
    page-break-inside: avoid;
  }
  /* Spaces added as rows in tables to stop overlap of page header and footer, 
hidden on screen */
.header-space {
   height: 110px;
   border-style: none;
   border: none;
   width: 100%;
   }
.footer-space {
   height: 80px;
   border-style: none;
   border: none;
   width: 100%;
  }
}
/*
@media screen {
.header-space {
   display: hidden;
   }
.footer-space {
   display: hidden;
  }
}
*/


I will watch this thread if you need additional help.

Regards
Tony
On Tuesday, October 29, 2019 at 10:19:48 AM UTC+11, TonyM wrote:
>
> Mohammad,
>
> I recently developed a solution for a client. I will look at your links 
> soon.
>
> I avoided the complexity of dealing with printing from the tiddlywiki page 
> and printing the story. Instead I did what I could to make the contents of 
> a single tiddler wysiwyg what you see is what you get (except pagebreaks), 
> you could read the tiddlywiki.com reference to substories if you did want 
> to print a story.
>
> One you have a single tiddler displaying what you want use open in new 
> window and trigger the print from there. This removed the complexity of the 
> full page from the print process.
>
> I have seen some cases where the new window looses some css and you may 
> need import variables or transclude css into your print tiddler so its 
> available in the new window (as a last resort).
>
> I will post more tips from my desktop.
>
> Tony
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/043c6a6a-5703-47de-9ad6-6ca616683807%40googlegroups.com.

Reply via email to