pdf left alignment adjustment

GEP Finance

created 4 years ago (modified 4 years ago)

Hello

right now in pdf answers are more left margin than question titles.

I'd like to know if I can make questions and answers have the same left margins.

I tried to loop through all the non title bricks and adjust their left margin.

and mostly are looking fine

but when it gets to matrix, multiple text, and ratings, everything is messed up.

I'd like to know there is an easy way to accomplish it.

Thanks

Clipboard-File-1.png Clipboard-File-2.png Clipboard-File-3.png

Comments (2)

Alex G 4 years ago

Hello,

We will investigate the information which you had provided and write back to this thread

Thanks, Alex
SurveyJS Team

GEP Finance 4 years ago

I understand that this problem is tricky.

May I have an ETA for it?

Thanks

Answers

Alex G

created 4 years ago

Hello,

I can suggest a following trick. Set indent: -1 to your questions and then add options.controller.unitWidth to xLeft and xRight properties of title's bricks:

JavaScript
surveyPDF.onRenderQuestion.add((sender, options) => {
   options.bricks[0].unfold()[0].xLeft += options.controller.unitWidth;
   options.bricks[0].unfold()[0].xRight += options.controller.unitWidth;
});

Here is live sample:

Thanks, Alex
SurveyJS Team

Clipboard-File-1.png

Show previous comments (7)

GEP Finance 4 years ago

similar to my solution.

for simple questions. it looks fine

but for matrix, it messed up

I'd like to know if there is some kind of value I can change in suveryPDF to make all these work instead of adjusting the bricks.

Thanks

Clipboard-File-1.png Clipboard-File-2.png Clipboard-File-3.png

Alex G 4 years ago

Hello,

Probably we can add an constant option for question's content indent. We'll investigate it and write back to this thread

Thanks, Alex
SurveyJS Team

GEP Finance 4 years ago

very good.

that's just what I am looking for.

thanks!

GEP Finance 4 years ago

and according to my testing.

html questions, ckeditor questions, and other types of questions all have different left indentation. (right now html and ckeditor are rendered as image for me).

please make sure this option will cover all these scenarios. (if needed we may need multiple options)

PS: please test this carefully with different kind of questions like multiple text, checkbox, matrix, text, comment, html and ck editor

Thanks

Alex G 4 years ago

Hello,

OK, I'll write back with results and explanations

Thanks, Alex
SurveyJS Team

Alex G 4 years ago

Hello,

We implemented CONTENT_INDENT_SCALE constant via this commit. It will available with next minor update. Then you'll able to use it following way:

JavaScript
SurveyPDF.FlatQuestion.CONTENT_INDENT_SCALE = 0;

And get something like below:

P.S. Please note that HTML question (CK Editor too) can be rendered as image. In this case left alignment inside the image is not controlled by us and may be greater. In this case you'll be able to tune manually with some bricks manipulations

Thanks, Alex
SurveyJS Team

Clipboard-File-1.png Clipboard-File-2.png Clipboard-File-3.png

GEP Finance 4 years ago

Very nice!

Manually adjustment for just html questions is much easier than adjusting all kinds of bricks in all kinds of questions.

We can close this ticket.

Thanks!

Alex G 4 years ago

Fine!

Will 4 years ago

Hi, hoping someone can advise…

How can I left align radio buttons when exported to pdf?

I tried setting

TypeScript
SurveyPDF.FlatQuestion.CONTENT_INDENT_SCALE = 0;

But it's read-only and not sure where to set it?

TypeScript
...
        SurveyPDF.FlatQuestion.CONTENT_INDENT_SCALE = 0;
        var surveyPDF: SurveyPDF.SurveyPDF = new SurveyPDF.SurveyPDF(json, options);
        surveyPDF.data = this.survey.data;
        ...

Thanks in advance!

Clipboard-File-2.png

Alex G 4 years ago

Hello,

The CONTENT_INDENT_SCALE option which we introduced recently is constant (like other such constants). It's constant because it part of our internal API and we can't now make it fully public until we do research about well structured API for SurveyPDF stylization and customization. At the same time now you can set it with code like below to avoid compiler error:

JavaScript
SurveyPDF.FlatQuestion['CONTENT_INDENT_SCALE'] = 0;

Thanks, Alex
SurveyJS Team

pdf left alignment adjustment

Answers

Recently viewed tickets