Print Scorecard Pdf Snippest

Print Scorecard Pdf Snippets

• find this comment <! -- Print Scorecard PDF Snippet --> in your container and add below snippet there. Don't remove the comment so you can understand the things properly

<div class="text-right no-print">
					<button type="button" class="btn btn-secondary btn-lg" data-toggle="modal" data-target="#myModal">
						<i class="fa fa-print"></i> Print scorecard PDF
					</button>
					<div class="modal fade text-left" id="myModal" tabindex="-1" role="dialog"
						aria-labelledby="myModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
											aria-hidden="true">&times;</span></button>
									<h4 class="modal-title" id="myModalLabel">Print scorecard as PDF</h4>
								</div>
								<div class="modal-body">
									<div class="alert alert-info" role="alert">Attention: Printing works best in
										<b>Google Chrome</b></div>
									<p><b>Instructions using Google Chrome</b></p>
									<p>1. Press the blue button "Print / Save PDF" below.</p>
									<p>2. When the print dialog opens, Select "Save as PDF" for "Destionation".</p>
									<p>3. Press "More settings" and under the label "Options", tick the box "Background
										graphics".</p>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
									<button type="button" class="btn btn-primary" onclick="print()">Print / Save
										PDF</button>
								</div>
							</div>
						</div>
					</div>
				</div>