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 http://help.sap.com/businessobject/product_guides/AAD13/en/ds13_user_en.pdf
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:
Related:
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.
It's a shame we can't hide the print button on the printout:
BUTTON_1.setVisible(false);
APPLICATION.print();
BUTTON_1.setVisible(true);
Still shows... 🙁
Maybe some @media print CSS trickery on the Button would solve that.
Good idea - I'll leave that to you or David Gyurasz to figure it out 🙂
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...
Good stuff. Thanks for the quick css lesson. Helpful!
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 ??
Thanks
Arun
Hello,
unfortunately same here with Firefiox 32... 🙁
Regards, Sören
Remember it is is "What you see is what you get" so you will only be able to print one page.
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.