[GH-ISSUE #1283] Preview filled form while placing form fields #358

Open
opened 2026-02-26 18:46:40 +03:00 by kerem · 6 comments
Owner

Originally created by @centigrade-kdk on GitHub (Aug 13, 2024).
Original GitHub issue: https://github.com/documenso/documenso/issues/1283

Feature Description

When placing the form fields, it's difficult to know where the text will be placed. If someone wants to place it exactly on the predefined lines in the form
e.g:
image

image

My desired goal is to place the text that will be inserted later perfectly on the line. Therefore, it would be helpful to see a pre-rendered preview during placement so that I can optimize the positioning without trial and error.

Use Case

This would be helpful during placing the placeholder

Proposed Solution

Preview mode with sample text during placeholder placement

Alternatives (optional)

No response

Additional Context

No response

Please check the boxes that apply to this feature request.

  • I have searched the existing feature requests to make sure this is not a duplicate.
  • I have provided a detailed description of the requested feature.
  • I have explained the use case or scenario for this feature.
  • I have included any relevant technical details or design suggestions.
  • I understand that this is a suggestion and that there is no guarantee of implementation.
  • I want to work on creating a PR for this issue if approved
Originally created by @centigrade-kdk on GitHub (Aug 13, 2024). Original GitHub issue: https://github.com/documenso/documenso/issues/1283 ### Feature Description When placing the form fields, it's difficult to know where the text will be placed. If someone wants to place it exactly on the predefined lines in the form e.g: <img width="925" alt="image" src="https://github.com/user-attachments/assets/bfee1587-fd37-47a2-8f38-ab6e9dcc3bf7"> ![image](https://github.com/user-attachments/assets/f59f05da-fd11-42bd-9e13-e746eaf54aeb) My desired goal is to place the text that will be inserted later perfectly on the line. Therefore, it would be helpful to see a pre-rendered preview during placement so that I can optimize the positioning without trial and error. ### Use Case This would be helpful during placing the placeholder ### Proposed Solution Preview mode with sample text during placeholder placement ### Alternatives (optional) _No response_ ### Additional Context _No response_ ### Please check the boxes that apply to this feature request. - [X] I have searched the existing feature requests to make sure this is not a duplicate. - [X] I have provided a detailed description of the requested feature. - [X] I have explained the use case or scenario for this feature. - [ ] I have included any relevant technical details or design suggestions. - [X] I understand that this is a suggestion and that there is no guarantee of implementation. - [ ] I want to work on creating a PR for this issue if approved
Author
Owner

@SaiSawant1 commented on GitHub (Aug 24, 2024):

Reducing the transparency should fix it.

<!-- gh-comment-id:2308433977 --> @SaiSawant1 commented on GitHub (Aug 24, 2024): Reducing the transparency should fix it.
Author
Owner

@SaiSawant1 commented on GitHub (Aug 24, 2024):

swappy-20240824_211015

<!-- gh-comment-id:2308478936 --> @SaiSawant1 commented on GitHub (Aug 24, 2024): ![swappy-20240824_211015](https://github.com/user-attachments/assets/a611c72a-4f08-44c2-a533-06b60522c8a9)
Author
Owner

@SaiSawant1 commented on GitHub (Aug 24, 2024):

showing this was is. I just changed to transparency. However, when we sign the document the alignment shifts a little.

<!-- gh-comment-id:2308480199 --> @SaiSawant1 commented on GitHub (Aug 24, 2024): showing this was is. I just changed to transparency. However, when we sign the document the alignment shifts a little.
Author
Owner

@jinnatar commented on GitHub (Oct 19, 2024):

I will add that display of the entered data is wildly different on mobile browsers vs. full browsers after signing and that for example, an unresized signature field will scale a regular sized signature down to less than 1cm2. I feel the only way to make the field placing experience adequate is to allow entering sample data so that what you see in field placement is real data with real scaling and positioning.
The mistake I make all the time is leaving the fields the default size, i.e. not scaling them. It then depends on how you view it whether the content is scaled to fit within the bounding box or if it overruns it with a fixed fontsize, resulting in a "tower of characters" instead of a horizontal name field.

<!-- gh-comment-id:2423704882 --> @jinnatar commented on GitHub (Oct 19, 2024): I will add that display of the entered data is wildly different on mobile browsers vs. full browsers after signing and that for example, an unresized signature field will scale a regular sized signature down to less than 1cm2. I feel the only way to make the field placing experience adequate is to allow entering sample data so that what you see in field placement is real data with real scaling and positioning. The mistake I make all the time is leaving the fields the default size, i.e. not scaling them. It then depends on how you view it whether the content is scaled to fit within the bounding box or if it overruns it with a fixed fontsize, resulting in a "tower of characters" instead of a horizontal name field.
Author
Owner

@nik132-eng commented on GitHub (Jul 9, 2025):

@centigrade-kdk hey, can i work on this issue?

<!-- gh-comment-id:3053947658 --> @nik132-eng commented on GitHub (Jul 9, 2025): @centigrade-kdk hey, can i work on this issue?
Author
Owner

@centigrade-kdk commented on GitHub (Jul 10, 2025):

@nik132-eng I’m not a project member, just a user of Documenso. But it would be awesome if you contributed to it and the team merged it back

<!-- gh-comment-id:3056878583 --> @centigrade-kdk commented on GitHub (Jul 10, 2025): @nik132-eng I’m not a project member, just a user of Documenso. But it would be awesome if you contributed to it and the team merged it back
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/documenso#358
No description provided.