Jump to content
Graham Quince

Feedback printing

Recommended Posts

Just experimenting, but I've added CSS to target some classes in Feedback, so that when sent to the browser's print options, the picture, labels and comments all appear:

print-feedback.PNG

feedback - page 1.PNG

feedback - page 2.PNG

 

<style>
@media print { 
    .feedback_toolbar_core,
    .feedback_toolbar_feedback_actions,
    .feedback_tabs_comments_bottom,
    .app-feedback .modal-footer,
    .app-feedback .nav-tabs,
    .comment-controls {
        display: none !important;
    }
    .app_feedback,
    .app_feedback .feedback-image-wrapper {
       padding: 0px !important;   
    }
    .feedback_document_core {
        width: 100% !important;
        float: left !important;
        height: auto !important;
    }
    .feedback_sidebar_core {
        width: 100% !important;
        float: none !important;
        page-break-before: always;
        margin-left: 0px !important;
    }
    
    .canvas-drawing-wrapper,
    .feedback-sticker-container {
        transform: scale(0.9) !important;
        top: -80px !important;
        left: -65px !important;
    }
    
    .feedback_tabs_criteria, 
    .feedback_tabs_comments {
        height: auto !important;
        display: block !important;
        opacity: 1 !important;
    }
    .app_feedback .document-scroller {
        overflow: hidden !important;
        top: -150px !important;
        left: -150px !important;
    }
}

.app-feedback .modal-footer::after {
    content: "[ Note: To print this Feedback, make sure Feedback is maximised, the document is at the top, then use the browser's print options ]";
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    
}
</style>

 

It'll need some experimentation and real-world testing, if anyone would like to help out.

 

Graham

Link to post
Share on other sites
21 hours ago, Graham Quince said:

Just experimenting, but I've added CSS to target some classes in Feedback, so that when sent to the browser's print options, the picture, labels and comments all appear:

print-feedback.PNG

feedback - page 1.PNG

feedback - page 2.PNG

 

It'll need some experimentation and real-world testing, if anyone would like to help out.

 

Graham

You know me....... always happy to help if we can!! 🤪

Link to post
Share on other sites
19 minutes ago, Graham Quince said:

Oh?  it should.  Can you post a screenshot?  I know the labels aren't perfectly lined up.

I'll take it back....  its the fact that the alinement it way off!!!!

 

image.png

 

image.png

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...