-
Type:
Bug
-
Status: On Hold
-
Priority:
Critical
-
Resolution: Unresolved
-
Affects Version/s: None
-
Fix Version/s: Enhancements - Fall
-
Labels:None
-
Company:All Clients/Multiple Clients
-
Sprint:DMS - Gap Fall & Win Sprint 2, DMS - Gap Fall & Win Sprint 3, DMS - Gap Fall & Win Sprint 4, DMS - Gap Fall & Win Sprint 5
We need to make sure that the PDF is responsive for resolution below 1400px for all width.
We need to make sure that the standard devices the positioning of the form fields should be accurate.
Common devices needs to be ensured for responsive as well.
- 1.JPG
- 56 kB
- 2.JPG
- 71 kB
- device list.txt
- 2 kB
- local-screenshots.zip
- 6.88 MB
Hi Namrata Kakade,
Just had a discussion with Ganesh Sadawarte and Narendra Kumar regarding the responsiveness of PDF to be handled dynamically from the Angular side. But unluckily we don't have any option to fix the PDF according to the screen size for different devices from Angular.
The responsiveness for ng2-pdf-viewer is an open issue right now. https://github.com/VadimDez/ng2-pdf-viewer/issues/472
We need to handle this by css using media query for different device and resolution apart from the standard devices of iOS and android which is fixed for now.
Need to make sure that the custom inputs of PDF are aligned optimally to different screen resolutions.
cc- Samir
Thanks
Hi Mohd Belal,
I have targeted android devices through media query in the css. Please find the attachment of CSS files and targeted resolution with devices.
Please let me know when we merge this css in previous pdf responsive css.
Regards,
Namrata
Hi,
Today, we have updated css changes in file "document-review.component.scss" locally.
document-review.component.scss
There is another file named "forms-preview.component.scss" which requires css changes but for that we require Mohd Belals help.
We were facing below error while sending file from dev environment.
Due to this error we were not able to test css fix on the devices.
Code Check-in is pending, Mohd Belal we are waiting for your inputs.
Regards,
Namrata
Samir Narendra Kumar
Hi Namrata Kakade,
As discussed over call, please add font-size as well in forms-preview component as we do have in document-review component.
This font-size was added to handle the inputs values to be viewable for iOS devices.
cc - Samir
Thanks
Hi Samir,
I have updated css changes in file "document-review.component.scss" and "forms-preview.component.scss" locally with the help of Raj and tested on browser with devices resolutions. We need to check it on actual devices after build. We have tested 2-3 pdf with responsiveness on browser.
Regards,
Namrata
Samir Mohd Belal Raj Hawaldar
Please have a look at the attached images. Responsive CSS is not working fine. Previously It was good but now it has more issues.
cc: Raj Hawaldar, Samir
Thanks
Narendra
Hi Narendra Kumar,
We have tested locally on Raj machine and its working properly. Please find the attachment for your reference.
Regards,
Namrata
Hi Narendra Kumar,
I have updated css changes in file "document-review.component.scss" and "forms-preview.component.scss" locally and tested on browser with devices resolutions. We need to check it on actual devices after build. We have tested 2 pdf with responsiveness on browser.
I have updated CSS files under raised PR.
document-review.component.scss
Regards,
Namrata
Samir Raj Hawaldar
Hi Narendra Kumar,
I have taken screenshot of mention device resolution locally. Please check for your reference. local-screenshots.zip
Please let me know if you have any query.
Regards,
Namrata
Samir
Hi Samir,
We have verified changes locally for 2 pdf but its working fine for that pdf but not for all pdf. We need fixed issue the fields position dynamically with coding. I am not right person for dynamic coding to handle that scenario, developer can be handle fields position with dynamic coding(left, top position with respective width and height) as per resolution.
@Narendra will be share zoom details for tomorrows meeting.
Regards,
Namrata
Hi Samir,
As discussed, I have put this task on hold from two months. Now I am assign this ticket you,
please reassign it to me for when changes needed.
Regards,
Namrata
Hi Mohd Belal,
As discussed, We will need to check responsiveness of the review and sign page on the other devices not a pdf responsiveness under this jira. We will handling PDF responsiveness(custom fields and edit fields) dynamically. We will not make a pdf responsive using css, Do you have made changes for pdf responsiveness under jira:
DMS-1763?Please let me know once you free then we will make a changes for review and sign responsiveness for other devices not for pdf responsiveness.
Regards,
Namrata
Samir Ganesh Sadawarte Rohan J Khandave Mohd Belal Narendra Kumar