Skip to Content
Author's profile photo Tammy Powlas

How to Print in Design Studio 1.3

One of the new features in Design Studio 1.3 is printing.  However, you will want to read the SAP Help, depending on the browser you are using.

The help is at

See page 71:


Source: SAP Help

Since my default browser is Chrome, I use the APPLICATION.print(); code and place it on a button:


It really is “What you see is what you get”.  To print to a PDF, I save it to a PDF instead of printing:


When I print to a PDF the file opens in Adobe Acrobat:



Design Studio Sessions at ASUG Annual Conference in June (next week)

Suggestions to Install Design Studio 1.3 Client

BI 2014 Design Studio and Dashboards – Looking to the Future

If you are interested in SAP Delta training for Design Studio, please see Design Studio 1.3 Delta Training – WDES13 available and comment.

Assigned Tags

      You must be Logged on to comment or reply to a post.
      Author's profile photo Mike Howles
      Mike Howles

      It's a shame we can't hide the print button on the printout:




      Still shows... 🙁

      Maybe some @media print CSS trickery on the Button would solve that.

      Author's profile photo Tammy Powlas
      Tammy Powlas
      Blog Post Author

      Good idea - I'll leave that to you or David Gyurasz to figure it out 🙂

      Author's profile photo Former Member
      Former Member

      Good idea with the @media print

      Here the css code that I tested and works.

      So I tried the following in Chrome > Save as PDF - and it works (the button is not in the saved pdf file).

      I added the following into my custom css file:

      @media print {

        .printButton {display: none;}


      And I assigned the css class "printButton" to the Button Component used for printing (which has the APPLICATION.print(); method in the on click event).

      Additionally I have also hidden a chart which I didn't want to see in the exported pdf file:

      @media print {

        .ourChartClass1 {display: none;}


      Of course you can write these two rules also as follows:

      @media print {

        .printButton {display: none;} /* hide print button in the printed file */

        .ourChartClass1 {display: none;} /* hide charts with this css class in printed file */


      or like this:

      @media print {

        /* hide stuff in the printed file */

        .printButton, .ourChartClass1 {display: none;}


      Reminder for some: don't forget to clear browser cache in your browser when adding new css on the go to your custom css file so that you can see the effects of the changes after reloading the page in your browser...

      Author's profile photo Former Member
      Former Member

      Good stuff. Thanks for the quick css lesson. Helpful!

      Author's profile photo Arun Prasad
      Arun Prasad

      Hello Tammy,

      I am running on IE 11 and when i try to print it only generates 1 page and rest of the items are missing if it is more than one page.

      Have you faced that problem ??



      Author's profile photo Former Member
      Former Member


      unfortunately same here with Firefiox 32... 🙁

      Regards, Sören

      Author's profile photo Tammy Powlas
      Tammy Powlas
      Blog Post Author

      Remember it is is "What you see is what you get" so you will only be able to print one page.

      Author's profile photo E. Lokenberg
      E. Lokenberg

      Excellent suggestion ! I have updated our CSS with entry;

      @media print {.noPrint {display: none;}}

      Now I can select all elements that I don't want printed in Design Studio and add noPrint to its CSS-class. These will now all be skipped when printing.