PDF Printing

Print.js was primarily written to help us print PDF files directly within our apps, without leaving the interface, and no use of embeds. For unique situations where there is no need for users to open or download the PDF files, and instead, they just need to print them.

One scenario where this is useful, for example, is when users request to print reports that are generated on the server side. These reports are sent back as PDF files. There is no need to open these files before printing them. Print.js offers a quick way to print these files within our apps.

PDF files must be served from the same domain as your app is hosted under. Print.js uses iframe to load files before printing them, therefore, it is limited by the Same Origin Policy. This helps preventing Cross-site scripting (XSS) attacks.

Example

Add a button to print a PDF file located on your hosting server:


 <button type="button" onclick="printJS('docs/printjs.pdf')">
    Print PDF
 </button>

Result:

For large files, you can show a message to the user when loading files.


 <button type="button" onclick="printJS({printable:'docs/xx_large_printjs.pdf', type:'pdf', showModal:true})">
    Print PDF with Message
 </button>

Result:

The library supports base64 PDF printing:


 <button type="button" onclick="printJS({printable: base64, type: 'pdf', base64: true})">
    Print PDF with Message
 </button>

Result:

HTML Printing

Sometimes we just want to print selected parts of a HTML page, and that can be tricky. With Print.js, we can easily pass the id of the element that we want to print. The element can be of any tag, as long it has a unique id. The library will try to print it very close to how it looks on screen, and at the same time, it will create a printer friendly format for it.

Example

Add a print button to a HTML form:


 <form method="post" action="#" id="printJS-form">
    ...
 </form>

 <button type="button" onclick="printJS('printJS-form', 'html')">
    Print Form
 </button>

Result:

Print.js accepts an object with arguments. Let's print the form again, but now we will add a header to the page:


 <button type="button" onclick="printJS({ printable: 'printJS-form', type: 'html', header: 'PrintJS - Form Element Selection' })">
    Print Form with Header
 </button>

Result:

Aigiri Nandini Violin Notes |verified| 📢 📍

: While often adapted for different styles, the traditional tune is frequently associated with Raga Revathi . However, performers also play it in Raga Punnagavarali or Mayamalavagaula to enhance its vigor and imagery.

: Because of its fast-paced, rhythmic nature, practicing these notes is an excellent way for violinists to build finger speed and improve muscle memory in the first position.

: To truly bring out the Indian classical character on a violin, players must incorporate

Aigiri Nandini is a timeless and captivating composition that continues to inspire musicians and devotees alike. By mastering the Aigiri Nandini violin notes and understanding the stotra's nuances, you'll be able to connect with the divine feminine and showcase your musical talents. Whether you're a seasoned violinist or a beginner, this guide provides a comprehensive foundation for learning and appreciating Aigiri Nandini.

Jaya Jaya He Mahishasura Mardini R M P D N S' N D P M G Ramyakapardin Srailasute R G M P M R S S Use code with caution. Western Classical Sheet Music Equivalent

Aigiri Nandini has been beautifully rendered by numerous Indian classical musicians, including legendary violinists like:

[Aigiri Nandini] G - A - Bb - C Aigiri nandini, Mahishasura-mardini G - A - Bb - C Sura-sura Bhuta-sambhrt-i Nandini

Then Sa – Ga – Ma – Ga (G string: 1st finger Sa; D string: Ga, Ma, Ga)

For further learning and exploration, consider the following resources:

Play in the higher octave (on the E and A strings) to match the high-energy, feminine energy of the stotram.

The complexity of Aigiri Nandini lies in its lyrical density. Sanskrit shlokas are cascades of sound, where words like Nigrahānugrahāṇāṁ roll off the tongue like a rushing river. On the violin, the challenge is the Meend (glide) and the Gamaka (oscillation).

JSON Printing

A simple and quick way to print dynamic data or array of javascript objects.

Example

We have the following data set in our javascript code. This would probably come from an AJAX call to a server API:


 someJSONdata = [
    {
       name: 'John Doe',
       email: 'john@doe.com',
       phone: '111-111-1111'
    },
    {
       name: 'Barry Allen',
       email: 'barry@flash.com',
       phone: '222-222-2222'
    },
    {
       name: 'Cool Dude',
       email: 'cool@dude.com',
       phone: '333-333-3333'
    }
 ]

We can pass it to Print.js:


 <button type="button" onclick="printJS({printable: someJSONdata, properties: ['name', 'email', 'phone'], type: 'json'})">
    Print JSON Data
 </button>

Result:

We can style the data grid by passing some custom css: aigiri nandini violin notes


 <button type="button" onclick="printJS({
	    printable: someJSONdata,
	    properties: ['name', 'email', 'phone'],
	    type: 'json',
	    gridHeaderStyle: 'color: red;  border: 2px solid #3971A5;',
	    gridStyle: 'border: 2px solid #3971A5;'
	})">
    Print JSON Data
 </button>

Result:

We can customize the table header text sending an object array : While often adapted for different styles, the


 <button type="button" onclick="printJS({
	    printable: someJSONdata,
	    properties: [
		{ field: 'name', displayName: 'Full Name'},
		{ field: 'email', displayName: 'E-mail'},
		{ field: 'phone', displayName: 'Phone'}
	    ],
	    type: 'json'
        })">
    Print with custom table header text
 </button>

Result:

JSON, HTML and Image print can receive a raw HTML header: : To truly bring out the Indian classical


<button type="button" onclick="printJS({
		printable: someJSONdata,
		type: 'json',
		properties: ['name', 'email', 'phone'],
		header: '<h3 class="custom-h3">My custom header</h3>',
		style: '.custom-h3 { color: red; }'
	  })">
	Print header raw html
</button>