Question T5057

Only Visible to You and surveyjs Support

Visible to All Users

Modify support ticket and change its visibility

Urgent Duplicate

Survey JS PDF - Dropdown answer font is too small

SG SG

saswat.gorkhali saswat.gorkhali

created 5 years ago (modified 5 years ago)

Hi,

The font size for DropDown answers are too small in the PDF. Here’s a plunkr you can use to test: https://plnkr.co/edit/CGkpr2UufhJqMskJ

I tried using options.controller.fontSize to change the font size of the dropdown in the plunkr above, but it is not take effect. Instead, it is increasing the font size of the questions that come after the dropdown.

Thanks!

::DISCLAIMER::

The contents of this e-mail and any attachment(s) are confidential and intended for the named recipient(s) only. E-mail transmission is not guaranteed to be secure or error-free as information could be intercepted, corrupted, lost, destroyed, arrive late or incomplete, or may contain viruses in transmission. The e mail and its contents (with or without referred errors) shall therefore not attach any liability on the originator or HCL or its affiliates. Views or opinions, if any, presented in this email are solely those of the author and may not necessarily reflect the views or opinions of HCL or its affiliates. Any form of reproduction, dissemination, copying, disclosure, modification, distribution and / or publication of this message without the prior written consent of authorized representative of HCL is strictly prohibited. If you have received this email in error please delete it and notify the sender immediately. Before opening any email and/or attachments, please check them for viruses and other defects.

image001.jpg

Show previous comments (0) Comments (0)

Answers approved by surveyjs Support

Alex G Alex G

created 5 years ago (modified 5 years ago)

Hello,

The options.controller.fontSize used for "generate flat bricks" of new question in render pipeline. If you set it in onRenderQuestion event then it affected on the next questions. To increase size of dropdown question's field you can set options.controller.fontSize, generate dropdown question's flat bricks again via options.repository and return font size back. Here live sample in plunker

Thanks, Alex
SurveyJS Team

Clipboard-File-1.png

Show previous comments (10) Comments (13)

SG SG

Private saswat.gorkhali Private saswat.gorkhali 5 years ago

Hi,

This solution works but seems to have a bug when a Matrix type of question is available in the questionnaire. Here’s a plunkr with the example: https://plnkr.co/edit/zOyzFQGudJuL9MRj
If you open the console log after clicking on Save PDF, you’ll notice that yBot is undefined.

Thanks!

image001.png

Private Alex G Private Alex G 5 years ago

Hello,

Here is updated live sample with considering matrix questions with dropdown cells. You can fix things like this yourself by just debug code a little

Thanks, Alex
SurveyJS Team

Clipboard-File-1.png

SG SG

Private saswat.gorkhali Private saswat.gorkhali 5 years ago

Hi Alex,

This is not working when surveyPDF’s mode is display.

Shouldn’t this fix go to the main code? That way we don’t have to worry about making changes ourselves to basic functionalities of your product.

Thanks!

image001.png

Private Alex G Private Alex G 5 years ago

Hello,

Size of dropdowns fields equal to size of other fields according to our default SurveyPDF design. If you set base size small (equal 8, where 14 is default) then text will be smaller too. You said that you want make size of dropdown field bigger that other fields and I created live sample with code which solves your appearance customization task (which is out of our responsibility in general case)

Dropdown question has different renders for interactive and display modes. I'll investigate ability to increase text size inside dropdown field in display mode and write back to this thread immediately

Thanks, Alex
SurveyJS Team

SG SG

Private saswat.gorkhali Private saswat.gorkhali 5 years ago

Hi Alex,

“Size of dropdowns fields equal to size of other fields according to our default SurveyPDF design.” – this seems to be incorrect. Please see the following plunkr:https://plnkr.co/edit/9q3ntXl6RFIynmJb
If you look at the PDF, the font size of the Dropdown (answer value) is clearly not the same as the other fields. Behind the scenes (in the code), you might be setting the fontsize to be the same as other fields, but when rendered on the PDF, it clearly is not the same as the rest of the fields.

I do not want to make the dropdown fields appear bigger than the other fields. I want them to appear it as the same size as other fields.

I appreciate your quick response.

Thanks!!!

Private Alex G Private Alex G 5 years ago

Hello,

The size of input fields is absolutely the same in all cases. Size of text inside interactive input fields doesn't depend from us. It is rendered by viewer app (Acrobat, Chrome, etc). In display mode we render input fields and text inside by ourselves. As a result you can see that in display mode size of dropdown field (and its text inside) is absolutely equal to size of regular text field (and its text inside)

Thanks, Alex
SurveyJS Team

Clipboard-File-1.png

SG SG

Private saswat.gorkhali Private saswat.gorkhali 5 years ago

Hi Alex,

This is what I see in Chrome and Edge when SurveyPDF mode is display:

Clearly, “Choose…” text in question 1 is not the same font size as “Row 1” in question 3 or “item1” in question5. FontSize 10 (for all fields) is probably the most ideal for us for our PDF reports, and the values inside dropdowns are very difficult to read when the general fontSize is set to 10.

What tool are you using to open the PDF?

image001.png image002.png

Private Alex G Private Alex G 5 years ago

Hello,

The “Choose…” shouldn't be equal to "Row 1" text because it inside input field. The size of input field (border) is equal to "Row 1" text

Thanks, Alex
SurveyJS Team

SG SG

Private saswat.gorkhali Private saswat.gorkhali 5 years ago

Is there any reason to have input field border equal to “Row 1” text? Don’t you think it makes more sense to keep all text size consistent?

If this is by design, could you please help increase text size for the “Choose…” text or any value that is inside the Dropdown value in both “display” and “edit” mode?

Thanks!

Private Alex G Private Alex G 5 years ago

Hello,

Input fields are equal "Row 1" by design. This way every "content of cell" has equal size. As another reason ― we can't set text inside field equal in display and interactive modes

As I said above I'll investigate ability to increase text size inside dropdown field in display mode (solution for interactive mode given above) and write back to this thread immediately

Thanks, Alex
SurveyJS Team

Private Alex G Private Alex G 5 years ago

Hello,

We investigated ability to set font size of text inside interactive fields and found a solution. Now we introduce fontSize property for every PdfBrick (element of exported survey in SurveyPDF terms) via this commit (it will available with next minor update). By default this font size equal to controller font size (same as in SurveyPDF options). As a result font size of all parts in matrix have same font size in both display and interactive modes. Below you can see your exported survey with font size equal 10:

Thanks, Alex
SurveyJS Team

Clipboard-File-1.png

SG SG

Private saswat.gorkhali Private saswat.gorkhali 4 years ago

Hi Alex,

Has this change been pushed to the latest 1.8.4 version?

Also, can you please share the plunkr where you implemented this new change?

Thanks!

image001.png

Private Alex G Private Alex G 4 years ago

Hello,

This change available from 1.8.1 version. Here is live sample in plunker

Thanks, Alex
SurveyJS Team

Created: August 27, 2020 7:24 PM

Modified: September 22, 2020 11:34 PM

Category:: / PDF Generator (Commercial license)

Related Tickets

Survey JS PDF - Dropdown answer font is too small

Answers approved by surveyjs Support

Recently viewed tickets