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

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 post
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 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
2 minutes ago, Graham Quince said:

oh I see, it's been pushed off the page.

And its on a completely different page!!  ?

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

@ADT

I've updated the code above.  Can you give it another go please?

Graham

image.pngimage.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...