375
Views
4
Comments
Solved
[Ultimate PDF] Report design edit screen size x paper size.
ultimate-pdf
Reactive icon
Forge asset by Leonardo Fernandes
Application Type
Reactive

Hello.

I'm using Ultimate PDF (Reactive), and I have a question that I believe to be simple. I've searched the forum and haven't found a solution.

I created a PDF Blank, and set the PrintLayout\PrintLayout (Paper Size) to Entities.PaperSize.LandscapeA4.

It turns out that in the design edit screen, the size remains of a normal screen, and I can't draw the report within the desired size.

How do I get the selected paper size view in the design editor?

Do I need to tweak some CSS?

Change the default theme?

I searched here on the forum, as well as on Youtube, and didn't find a way around this problem.

I appreciate if anyone can guide me on this, and if there is any greater documentation of the component, I appreciate if you can share.

2019-09-30 07-35-56
Aurelio Junior
Solution

Hello,

As far as I know, the component doesn't support this out-of-the-box. However, you can tweak it to add this capability. What you can do is open the UltimatePDF module, create a copy of the PrintLayout block (you could call it PrintLayoutA4Landscape) and change the block's CSS to switch the values for width and height:

--layout-print-page-width: 29.7cm;
--layout-print-page-height: 21cm;

 If you then use this block instead of the original "PrintLayout" in your screen, you should see the designer in A4 Landscape format.

Just be advised that if you customize a Forge component and then update it to a newer version in the future, you will lose your customizations.

UserImage.jpg
Cleiton Giovanni Moretti - KeepOK Consultoria LTDA.

Inside the PrintLayout\PrintLayout block there is an option to select the paper sizes, and the dimensions are correct. When selecting, shouldn't it automatically adjust according to this selection?


Layout.jpg
2019-09-30 07-35-56
Aurelio Junior

That size is only applied at runtime, when the PDF is actually generated. If you want to adjust the sizes in the designer, you have to tweak the block's CSS as I suggested.

UserImage.jpg
Cleiton Giovanni Moretti - KeepOK Consultoria LTDA.

I understand. I did this and I believe it worked.
I appreciate your help! Thank you very much, Aurelio!!!

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.