Uploaded image for project: 'Document Management System'
  1. Document Management System
  2. DMS-1774

PDF responsiveness in case of other standard devices.

    Details

    • 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

      Description

      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.

       

        Attachments

        1. 1.JPG
          1.JPG
          56 kB
        2. 2.JPG
          2.JPG
          71 kB
        3. device list.txt
          2 kB
        4. document-review.component.scss
          11 kB
        5. document-review.component.scss
          10 kB
        6. error-in-dms(29 Augut 2019).JPG
          error-in-dms(29 Augut 2019).JPG
          247 kB
        7. local-screenshots.zip
          6.88 MB
        8. responsive-pdf.css
          5 kB
        9. Screenshot 2019-09-03 at 12.15.03 PM.png
          Screenshot 2019-09-03 at 12.15.03 PM.png
          50 kB
        10. Screenshot 2019-09-03 at 12.15.14 PM.png
          Screenshot 2019-09-03 at 12.15.14 PM.png
          80 kB
        11. Screenshot 2019-09-03 at 12.15.30 PM.png
          Screenshot 2019-09-03 at 12.15.30 PM.png
          86 kB

          Activity

          Hide
          namrata.kakade Namrata Kakade (Inactive) added a comment - - edited

          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

          Show
          namrata.kakade Namrata Kakade (Inactive) added a comment - - edited 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
          Hide
          mohd.belal Mohd Belal (Inactive) added a comment - - edited

          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

          Show
          mohd.belal Mohd Belal (Inactive) added a comment - - edited 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
          Hide
          namrata.kakade Namrata Kakade (Inactive) added a comment -

          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

          Samir Narendra Kumar device list.txt responsive-pdf.css

          Show
          namrata.kakade Namrata Kakade (Inactive) added a comment - 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 Samir Narendra Kumar device list.txt responsive-pdf.css
          Hide
          namrata.kakade Namrata Kakade (Inactive) added a comment -

          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

          Show
          namrata.kakade Namrata Kakade (Inactive) added a comment - 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 Belal s 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
          Hide
          mohd.belal Mohd Belal (Inactive) added a comment -

          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

          Show
          mohd.belal Mohd Belal (Inactive) added a comment - 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
          Hide
          namrata.kakade Namrata Kakade (Inactive) added a comment -

          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

          Show
          namrata.kakade Namrata Kakade (Inactive) added a comment - 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
          Hide
          narendra.kumar Narendra Kumar added a comment -

          Hi Namrata Kakade

          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

          Show
          narendra.kumar Narendra Kumar added a comment - Hi Namrata Kakade 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
          Hide
          namrata.kakade Namrata Kakade (Inactive) added a comment -

          Hi Narendra Kumar,

          We have tested locally on Raj machine and its working properly. Please find the attachment for your reference.

          Regards,
          Namrata

          Samir Raj Hawaldar

          Show
          namrata.kakade Namrata Kakade (Inactive) added a comment - Hi Narendra Kumar , We have tested locally on Raj machine and its working properly. Please find the attachment for your reference. Regards, Namrata Samir Raj Hawaldar
          Hide
          namrata.kakade Namrata Kakade (Inactive) added a comment -

          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

          Show
          namrata.kakade Namrata Kakade (Inactive) added a comment - 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
          Hide
          namrata.kakade Namrata Kakade (Inactive) added a comment -

          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

          Show
          namrata.kakade Namrata Kakade (Inactive) added a comment - 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
          Hide
          namrata.kakade Namrata Kakade (Inactive) added a comment -

          Hi Narendra Kumar,

          As discussed, putting the jira on hold as of now.

          Regards,
          Namrata

          Samir

          Show
          namrata.kakade Namrata Kakade (Inactive) added a comment - Hi Narendra Kumar , As discussed, putting the jira on hold as of now. Regards, Namrata Samir
          Hide
          namrata.kakade Namrata Kakade (Inactive) added a comment -

          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

          Narendra Kumar Samir Rohan J Khandave Ganesh Sadawarte

          Show
          namrata.kakade Namrata Kakade (Inactive) added a comment - 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 Narendra Kumar Samir Rohan J Khandave Ganesh Sadawarte
          Hide
          namrata.kakade Namrata Kakade (Inactive) added a comment -

          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

          Show
          namrata.kakade Namrata Kakade (Inactive) added a comment - 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

            People

            Assignee:
            samir Samir
            Reporter:
            mohd.belal Mohd Belal (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Dates

              Created:
              Updated:

                Time Tracking

                Estimated:
                Original Estimate - 32h Original Estimate - 32h
                32h
                Remaining:
                Remaining Estimate - 0h
                0h
                Logged:
                Time Spent - 55h
                55h