Jump to content

Feedback printing


Graham Quince

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 comment
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 comment
Share on other sites

Why doesn't it show where the criteria labels have been put on the work when you print?

 

1. You have achieved this criteria here.......  whoops it doesn't show! 

Link to comment
Share on other sites

19 hours ago, ADT said:

Why doesn't it show where the criteria labels have been put on the work when you print?

 

1. You have achieved this criteria here.......  whoops it doesn't show! 

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

Link to comment
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 comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...