react-to-print icon indicating copy to clipboard operation
react-to-print copied to clipboard

How can fill every page

Open Brenerss opened this issue 2 years ago • 3 comments

I have this pdf and i need fill the left column with black color, like download curriculum of Linkedin

image

Brenerss avatar May 17 '22 19:05 Brenerss

Hello. Can you please share your code, and more about what you are trying to do? react-to-print cannot modify a PDF file

MatthewHerbst avatar May 17 '22 19:05 MatthewHerbst

of course,

@media print {
  @page {
    size: A4;
    margin: 16mm 16mm 16mm 16mm;
  }
}

.example3-container { 
  display: grid;
  grid-template-columns: 30% 1fr;

  .left-content {
    background-color: #000;
  }
}
export default forwardRef((props, ref) => {
  return (
    <div
      ref={ref}
      className={`example3-container ${
        props.isPreview
          ? 'example3-container-preview'
          : 'example3-container-pdf'
      }`}
    >
      <section className="left-content">
                     ....
      </section>
      <section className="right-content">
                     .....
      </section>
  );
});

Brenerss avatar May 17 '22 19:05 Brenerss

Ok, thank you. And what exactly is the issue you are having? Is there a bug with what react-to-print is printing?

MatthewHerbst avatar May 17 '22 21:05 MatthewHerbst