support print content

Hello @khuongdaowp

I’ve tested the print button on your form, and it is working fine for me. The form is being included in the print version of page, and their values are being loaded with the entered values. Please, look the screenshot below:

What browser are you using? Do you have cleared the cache of website and browser?

Best regards.

It works well!
But it doesn’t keep the structure as I designed. Do you have any way?

Hello @khuongdaowp

Printing a page, the browsers apply the styles defined into the media blocks:

@media print
{
}

If you check the css files loaded by your website (in particular the bootstrap.css), you will see they are modifying the appearance of pages when it is being printed. For example:

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

as you can see the rules were defined as !important; to take precedence over the rest (this piece of code belongs to the bootstrap.css file).

Best regards.