Under WF7, most of our dashboards were set up via an HTML page. On each chart we have placed a little printer icon. When the HTML page is rendered, the user would click the printer icon on any of the charts the wanted to copy and print. Essentially printer icon called the original fex, opening the desired chart in a new window where the user would be able to copy then paste / resize the chart into Word / Powerpoint document.

Now we have moved to WF8. I converted my charts to HTML5. When the HTML launch page is run, all the charts pop up...now in animated fashion. However, we just noticed that when the printer icon is pressed, while the chart again pops open (in animated fashion) in a new window, after you copy it, you can no longer paste it into word/powerpoint etc etc. Everything but the chart title seems to disappear after the paste.

So, what's the solution for WF8? The dashboard has a dozen charts spread over a few tabs. The users need to print the desired charts or incorporate them into other documents. I did notice if I make a copy of the original called fex and make the output type: GIF then it works. I found no other type that works. But that will be a real PITA to have duplicate every fex and change the type to: GIF then alter every print icon to call the new print fex. Surely there is a better way…. I am hoping we missed the boat on best practices for printing...Suggestions….

This message has been edited. Last edited by: <Kathryn Henning>,

You could make the graph format a variable with "JSCHART" as the default. The URL for the printer icon could pass "PNG" as the format - in this way you have one program that generates two formats based on a variable. Some graph styling issues will occur.

THAT SOUNDS PERFECT!

Now how do I do that. Currently under hyperlink properties on the printer icon I supply:

Action: External Procedure
Source: The link to my fex
Target Type: Windo
Target/Template Name: Image##

Where would i make this setting?

...and, how do I make the JSCAHRT variable? Is that going to add another prompt that I have to pumbl in everywhere?

and....teh initial charts (the one's we are trying to figure out how to print) are trended by month. Guess what. I just added a drill down to take a particular month and pop up a secondary chart for the given month...how the heck do I print that!

There has to be a way to print these things...I can not believe we are the only site where folks want to grab charts for their own presentations...

Have you tried Windows print screen or Snipping Tool, available in Windows 7?

Robert, it sounds like you're doing this via a GUI. You don't need any prompting. You need to add a parameter to the hyperlink properties.

I found an example of where you can have the print icon call some code that then calls the fex but as a pdf...still way too cumbersome. I will need to bring this up at a user meeting.

For now, it seems the simplest solution is to remove all my little printer icons and have the end user use a 'snipping tool' each user has access to that allows them to essentially do a cut and paste of anything found on their screen. It works well enough. The only downside is my graphs are a little small and if they paste them and enlarge them they tend to get a little pixelated.

Bottom line...I am disapointed a better solution is unavailable in WF8!

Thanks all.

The better solution is to have a print icon (or magnify icon) that reruns the same graph is a larger format, then the user chooses to use print-screen, Snipping Tool or Snagit to copy-paste into Word/PowerPoint

All GUI solution:

Create a fex with a parameter, "WFFMT", defaulted to "JSCHART".
Create an HTML page with an iframe that runs the fex.
Add an image with a hyperlink.
Add a parameter "WFFMT" to the HTML page, defaulted to "PNG".
Add a hidden control for this parameter (though this might not be necessary).
Right-click on the image to add additional parameters and select the parameter "WFFMT".

This is all done in the GUI generated code below. You can copy/paste this code into your environment, then change the references to the fex (e.g. 'ibif_ex="/WFC/Repository/Test/FrancisMariani/fmgraph1.fex"').

After doing this all in the GUI, I would do fine-tuning via code.

fmgraph1.fex:

-DEFAULT &WFFMT = 'JSCHART';

-*IA_GRAPH_BEGIN
-*Do not delete or modify the comments below
*-INTERNAL_COMMENT LINE#0$PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tMS4wLS0+DQo8Um9vdCB2ZXJzaW9uPSIxLjAiPg0KICAgIDxPYmplY3Qgb2JqZWN0SWQ9IkNoYXJ0XzEiPg0KICAgICAgICA8UHJvcGVydHkgbmFtZT0iTGlua2VkU29ydHMiIHR5cGU9ImphdmEubGFuZy5TdHJpbmciLz4NCiAgICA8L09iamVjdD4NCiAgICA8T2JqZWN0IG9iamVjdElkPSJHTE9CQUwiPg0KICAgICAgICA8UHJvcGVydHkgbmFtZT0iU2FtcGxlRGF0YSIgdHlwZT0iamF2YS5sYW5nLkJvb2xlYW4iPmZhbHNlPC9Qcm9wZXJ0eT4NCiAgICAgICAgPFByb3BlcnR5IG5hbWU9Ikdsb2JhbFJlY29yZExpbWl0IiB0eXBlPSJqYXZhLmxhbmcuU3RyaW5nIj41MDA8L1Byb3BlcnR5Pg0KICAgICAgICA8UHJvcGVydHkgbmFtZT0iR2xvYmFsUnVuUmVjb3JkTGltaXQiIHR5cGU9ImphdmEubGFuZy5TdHJpbmciPjA8L1Byb3BlcnR5Pg0KICAgICAgICA8UHJvcGVydHkgbmFtZT0iZmllbGREaXNwbGF5TW9kZSIgdHlwZT0iamF2YS5sYW5nLlN0cmluZyI+bGFiZWw8L1Byb3BlcnR5Pg0KICAgICAgICA8UHJvcGVydHkgbmFtZT0icHJlZml4RGlzcGxheU1vZGUiIHR5cGU9ImphdmEubGFuZy5TdHJpbmciLz4NCiAgICAgICAgPFByb3BlcnR5IG5hbWU9IkFjdGl2ZV9TdHlsZV9Vc2VyX3R5cGUiIHR5cGU9ImphdmEubGFuZy5TdHJpbmciPnBvd2VyPC9Qcm9wZXJ0eT4NCiAgICAgICAgPFByb3BlcnR5IG5hbWU9Ikdsb2JhbFZhbHVlc1BhZ2luZyIgdHlwZT0iamF2YS5sYW5nLlN0cmluZyI+NDwvUHJvcGVydHk+DQogICAgICAgIDxQcm9wZXJ0eSBuYW1lPSJGb2NleGVjUHJlZmVyZW5jZXMiIHR5cGU9Ik1hcCI+DQogICAgICAgICAgICA8RW50cnkga2V5PSJkaXNwbGF5RWRpdE1vZGVJbmZvTWluaVByZWZlcmVuY2UiIHR5cGU9ImphdmEubGFuZy5TdHJpbmciPmZhbHNlPC9FbnRyeT4NCiAgICAgICAgICAgIDxFbnRyeSBrZXk9ImRpc3BsYXlGb3JtYXRUYWJJbmZvTWluaVByZWZlcmVuY2UiIHR5cGU9ImphdmEubGFuZy5TdHJpbmciPnRydWU8L0VudHJ5Pg0KICAgICAgICAgICAgPEVudHJ5IGtleT0iZGlzcGxheUhvbWVUYWJJbmZvTWluaVByZWZlcmVuY2UiIHR5cGU9ImphdmEubGFuZy5TdHJpbmciPmZhbHNlPC9FbnRyeT4NCiAgICAgICAgICAgIDxFbnRyeSBrZXk9ImRpc3BsYXlRdWlja0FjY2Vzc1Rvb2xiYXJTYXZlSW5mb01pbmlQcmVmZXJlbmNlIiB0eXBlPSJqYXZhLmxhbmcuU3RyaW5nIj50cnVlPC9FbnRyeT4NCiAgICAgICAgICAgIDxFbnRyeSBrZXk9Im1ldGFkYXRhX3ZpZXdzIiB0eXBlPSJqYXZhLmxhbmcuU3RyaW5nIj5NZXRhRGF0YVRyZWUuVklFV19ESU1TPC9FbnRyeT4NCiAgICAgICAgICAgIDxFbnRyeSBrZXk9ImRpc3BsYXlSZXNvdXJjZXNGaWVsZFRhYkluZm9NaW5pUHJlZmVyZW5jZSIgdHlwZT0iamF2YS5sYW5nLlN0cmluZyI+ZmFsc2U8L0VudHJ5Pg0KICAgICAgICAgICAgPEVudHJ5IGtleT0iZGlzcGxheUluc2VydFRhYkluZm9NaW5pUHJlZmVyZW5jZSIgdHlwZT0iamF2YS5sYW5nLlN0cmluZyI+ZmFsc2U8L0VudHJ5Pg0KICAgICAgICAgICAgPEVudHJ5IGtleT0iZGlzcGxheVNsaWNlcnNUYWJFZGl0SW5mb01pbmlQcmVmZXJlbmNlIiB0eXBlPSJqYXZhLmxhbmcuU3RyaW5nIj5mYWxzZTwvRW50cnk+DQogICAgICAgICAgICA8RW50cnkga2V5PSJkaXNwbGF5U2VyaWVzVGFiSW5mb01pbmlQcmVmZXJlbmNlIiB0eXBlPSJqYXZhLmxhbmcuU3RyaW5nIj5mYWxzZTwvRW50cnk+DQogICAgICAgICAgICA8RW50cnkga2V5PSJpbmZvQXNzaXN0TW9kZUFsbG93ZWRJbmZvTWluaVByZWZlcmVuY2UiIHR5cGU9ImphdmEubGFuZy5TdHJpbmciPmZhbHNlPC9FbnRyeT4NCiAgICAgICAgICAgIDxFbnRyeSBrZXk9ImRlZmF1bHRfcHJldmlld19wYWdlbGltaXRfbGF5b3V0IiB0eXBlPSJqYXZhLmxhbmcuU3RyaW5nIj4xPC9FbnRyeT4NCiAgICAgICAgICAgIDxFbnRyeSBrZXk9ImRlZmF1bHRfcHJldmlld19wYWdlbGltaXQiIHR5cGU9ImphdmEubGFuZy5TdHJpbmciPjU8L0VudHJ5Pg0KICAgICAgICAgICAgPEVudHJ5IGtleT0iZGVmYXVsdF9jb21wb3NlX2Zvcm1hdCIgdHlwZT0iamF2YS5sYW5nLlN0cmluZyI+UERGPC9FbnRyeT4NCiAgICAgICAgICAgIDxFbnRyeSBrZXk9ImRpc3BsYXlJbnRlcmFjdGl2ZU1vZGVJbmZvTWluaVByZWZlcmVuY2UiIHR5cGU9ImphdmEubGFuZy5TdHJpbmciPnRydWU8L0VudHJ5Pg0KICAgICAgICAgICAgPEVudHJ5IGtleT0icnVuT25TdGFydHVwSW5mb01pbmlQcmVmZXJlbmNlIiB0eXBlPSJqYXZhLmxhbmcuU3RyaW5nIj50cnVlPC9FbnRyeT4NCiAgICAgICAgICAgIDxFbnRyeSBrZXk9ImRpc3BsYXlEYXRhVGFiSW5mb01pbmlQcmVmZXJlbmNlIiB0eXBlPSJqYXZhLmxhbmcuU3RyaW5nIj5mYWxzZTwvRW50cnk+DQogICAgICAgICAgICA8RW50cnkga2V5PSJkaXNwbGF5U2xpY2Vyc1RhYkludGVyYWN0aXZlSW5mb01pbmlQcmVmZXJlbmNlIiB0eXBlPSJqYXZhLmxhbmcuU3RyaW5nIj50cnVlPC9FbnRyeT4NCiAgICAgICAgICAgIDxFbnRyeSBrZXk9ImRpc3BsYXlMYXlvdXRUYWJJbmZvTWluaVByZWZlcmVuY2UiIHR5cGU9ImphdmEubGFuZy5TdHJpbmciPmZhbHNlPC9FbnRyeT4NCiAgICAgICAgPC9Qcm9wZXJ0eT4NCiAgICAgICAgPFByb3BlcnR5IG5hbWU9ImNhc2NhZGVOYW1lcyIgdHlwZT0iTWFwIi8+DQogICAgICAgIDxQcm9wZXJ0eSBuYW1lPSJNYXN0ZXJfRmlsZXMiIHR5cGU9IlNldCI+DQogICAgICAgICAgICA8RW50cnkgdHlwZT0iamF2YS5sYW5nLlN0cmluZyI+Q0FSPC9FbnRyeT4NCiAgICAgICAgPC9Qcm9wZXJ0eT4NCiAgICAgICAgPFByb3BlcnR5IG5hbWU9Im1ldGFkYXRhVmlld0FzIiB0eXBlPSJNYXAiPg0KICAgICAgICAgICAgPEVudHJ5IGtleT0iQ0FS
*-INTERNAL_COMMENT LINE#1$IiB0eXBlPSJqYXZhLmxhbmcuU3RyaW5nIj5NZXRhRGF0YVRyZWUuVklFV19ESU1TPC9FbnRyeT4NCiAgICAgICAgPC9Qcm9wZXJ0eT4NCiAgICAgICAgPFByb3BlcnR5IG5hbWU9ImVuYWJsZVByZXZpZXciIHR5cGU9ImphdmEubGFuZy5Cb29sZWFuIj50cnVlPC9Qcm9wZXJ0eT4NCiAgICA8L09iamVjdD4NCjwvUm9vdD4NCg==
-*Do not delete or modify the comments above
ENGINE INT CACHE SET ON
-DEFAULTH &WF_STYLE_UNITS='PIXELS';
-DEFAULTH &WF_STYLE_HEIGHT='405.0';
-DEFAULTH &WF_STYLE_WIDTH='770.0';
GRAPH FILE CAR
-* Created by Info Assist for Graph
SUM CAR.BODY.SALES
BY CAR.ORIGIN.COUNTRY
ON GRAPH PCHOLD FORMAT &WFFMT
ON GRAPH SET VZERO OFF
ON GRAPH SET HTMLENCODE ON
ON GRAPH SET GRAPHDEFAULT OFF
ON GRAPH SET UNITS &WF_STYLE_UNITS
ON GRAPH SET HAXIS &WF_STYLE_WIDTH
ON GRAPH SET VAXIS &WF_STYLE_HEIGHT
ON GRAPH SET GRMERGE ADVANCED
ON GRAPH SET GRMULTIGRAPH 0
ON GRAPH SET GRLEGEND 0
ON GRAPH SET GRXAXIS 1
ON GRAPH SET LOOKGRAPH VBAR
ON GRAPH SET AUTOFIT ON
ON GRAPH SET STYLE *
*GRAPH_SCRIPT
setPieDepth(0);
setPieTilt(0);
setDepthRadius(0); 
setCurveFitEquationDisplay(false); 
setPlace(true); 
*END
INCLUDE=IBFS:/FILE/IBI_HTML_DIR/javaassist/intl/EN/ENIADefault_combine.sty,$
TYPE=REPORT, TITLETEXT='WebFOCUS Report', $
*GRAPH_SCRIPT
setReportParsingErrors(false);
setSelectionEnableMove(false);
*END
ENDSTYLE
END
-*IA_GRAPH_FINISH

fmhtml1.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<HTML><HEAD>

<META id=RLT_STANDARDS_MODE_META content=IE=9 http-equiv=X-UA-Compatible>

<META name=mycharsetmeta content="text/html; charset=ISO-8859-1" http-equiv=Content-Type>

<META name=Generation content="Created in release 8008, Generation 3">

<SCRIPT type=text/javascript>//confidential_id=IBI_OptionsScript
var szHtmlAlias="/ibi_apps/ibi_html";var szRunTimeHtmlAlias="runTimeHtmlAlias";var cgipath="cgipath";var ibirls="ibirls3";var rltdyncalendar="rltdyncalendar";var map="ibimap";var olap="olap";var olappanebase="olappanebase";var olapdrill="olapdrill";var ibiOptions = new Array(cgipath,ibirls);var nlsScript="/javaassist/nls.js";var nlsVarsScript="/javaassist/nlsvars.js";var glbScript="/javaassist/ibi/html/js/ibigbl.js";var replacePart="<replace>";
var scriptTemplate='<SCRIPT src="'+replacePart+'" type="text/javascript"><\/SCRIPT>';if(typeof(szRunTimeHtmlAlias) === 'string' && szRunTimeHtmlAlias.indexOf('/') == 0)szHtmlAlias=szRunTimeHtmlAlias;document.write(scriptTemplate.replace(replacePart, szHtmlAlias + nlsScript));document.write(scriptTemplate.replace(replacePart, szHtmlAlias + nlsVarsScript));document.write(scriptTemplate.replace(replacePart, szHtmlAlias + glbScript));</SCRIPT>



<SCRIPT type=text/javascript>//confidential_id=IBI_ibigblloadCss
if(typeof ibigblloadCss === 'function'){ibigblloadCss(null);addIntlTranslatedJS("composertrans.js");}else {alert("JavaScript alias '/ibi_apps/ibi_html'  is not valid");window.location("about:blank");}</SCRIPT>

<TITLE>HtmlPage</TITLE><LINK id=ITEM2 rel=stylesheet type=text/css rtFileName="cgipathsub/ibi_html/javaassist/ibi/html/composer/themes/nonBindows/IBI-Themes/default_theme.css"><LINK id=IBI_THEME_CSS rel=stylesheet type=text/css desc="Information Builders" rtFileName="cgipathsub/ibi_html/javaassist/ibi/html/composer/themes/nonBindows/IBI-Themes/ibi.css">

<SCRIPT for=window type=text/javascript eventname="onload">window.onload = function() { window_onload(); }</SCRIPT>



<SCRIPT>//confidential_id=clientEventHandlersJS

//Begin function window_onload
function window_onload() {
 
UpdateData();
 
// TODO: Add your event handler code here
//add onInitialUpdate() function to make changes before initial run of the reports
}
//End function window_onload

//Begin function image1_onclick
function image1_onclick(ctrl) {

}
//End function image1_onclick
</SCRIPT>

</HEAD>

<BODY style="OVERFLOW: auto" class=IBI_PageBg nextelementuniquenumber="2" maptype="0" thumbnailscale="4" elementtype="21" edaconnectionrequired="true"><IFRAME style="Z-INDEX: 1; POSITION: absolute; WIDTH: 250px; HEIGHT: 150px; TOP: 20px; LEFT: 20px" id=iframe1 class="IBIfield IBI_Frame IBI_rounded_m" marginHeight=0 frameBorder=yes marginWidth=0 scrolling=no persistentuniqueid="compUid_1" autoExecute="true" requests_list="0" HEIGHTOLD="150" WIDTHOLD="250" name="iframe1"></IFRAME><A style="CURSOR: pointer" href="javascript:OnExecute(null, 'image1')"><IMG style="Z-INDEX: 2; POSITION: absolute; TOP: 30px; LEFT: 300px" id=image1 language=javascript class=IBIfield tabIndex=1 onclick=image1_onclick(this) border=0 persistentuniqueid="compUid_2" autoExecute="true" requests_list="1" originalHeight="16" originalWidth="16" rtFileName="/WFC/Repository/Test/FrancisMariani/magnify.png" name="image1"></A><INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=layoutinfo type=hidden resourcectrlids="ITEM2;IBI_THEME_CSS;image1" name="inputhidden1"><INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=ibiapp_app value=Test type=hidden ismre="1" name="ibiapp_app"><INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=ibif_ex value=/WFC/Repository/Test/FrancisMariani/fmhtml1.htm type=hidden name="ibif_ex"><xml id=focus_xmlelement><script type="text/xml" nextelementuniquenumber="2"><rootxmlnode focoption="_FOC_NULL" top="10" left="10" width="150" height="130"><variables><variable controltype="26" name="WFFMT" parametercreatedinreslay="1" top="68" left="69" width="60" height="20" inbinding="0" create="1" type="" desc="WFFMT" default="" textvarname="" accept="0" select="0"><link linktype="default" persistentuniqueid="compUid_1"><condition default="1" name="Default" whattodowithcontrol="4" valuescompareoperator="0" parameterscompareoperator="0" conditionmultiselectoperator="0"><data_info datatype="0" modifiedrequest="0" sourcetype="typeMaster" ibiformat="A10" selectedvalue="" displayfield="WFFMT" datafield="WFFMT" datasource="" ibif_ex="" operation="" slider_range_from="" slider_range_to="" previewvalue="PNG"><static_values><static value="PNG" display="PNG" selected="1" noinput="0"></static></static_values></data_info></condition></link><requestid id="1"></requestid></variable></variables><input_controls></input_controls><requests nextrequestsid="1"><request requestid="0" sourcetype="typeFex" targettype="iframe" targetname="iframe1" ibif_ex="/WFC/Repository/Test/FrancisMariani/fmgraph1.fex" activereport="0" reportcolumns="" reportrealcolumns="" ibiapp_app="Test"></request><request requestid="1" sourcetype="typeFex" targettype="window" targetname="_blank" ibif_ex="/WFC/Repository/Test/FrancisMariani/fmgraph1.fex" activereport="0" reportcolumns="" reportrealcolumns="" ibiapp_app="Test"></request></requests><other_bound_objects></other_bound_objects></rootxmlnode></script>

</xml></BODY>

<SCRIPT type=text/javascript>//confidential_id=IBI_loader
if(typeof doBeforeLoad === 'function'){doBeforeLoad();}function AdjustChildrenPosition(){
}
</SCRIPT>

</HTML>

<!-- cc lrys -->

magnify.png

I have no doubt it will work...quite a bit of work though...what happens when your chart refreshes and now you drill into that chart having a new chart appear. Ex: the default is a trended chart...has the print icon on it. Instead of printing that one, you want details for ONE of the trended months...You click on a the desired month which now pops up a *new* chart just for that month...how do you print that?

Robert

Did you find a different solution to fit your needs or did you use this one? I am having a similar issue. In WF8, what is the best way to print an HTML5 chart?

With IE11 and Edge I can just right click on the HTML output and click on "copy". This clipboard object can then be pasted anywhere. I do not have access to IE9 or IE10 to try on those versions.

With Chrome and FireFox this is not possible.


T

Thanks for the info!