quote:

Originally posted by Joel Elscott:
A better user experience might be to put an image on the page that indicates maximize. Font Awesome has some good images that you can choose from. Once your image is placed, it's a simple Task/Animation to open the report in a new window.

quote:

Originally posted by jcannavo:
I think your idea is correct. Would think all you need to do is create a drill-down on each report/graph somewhere. Then have that drill-down setup to call your report/graph in a new window.

quote:

Originally posted by Joel Elscott:
Yes, the task/animation section is in HTML Composer using App Studio. You'll definitely want to learn how to set up tasks, it's one of the most basic functions to know.

quote:

Originally posted by Joel Elscott:
Gotcha. Yes your solution would definitely work. However if your application is highly visible, or even an external application, having a maximize image might be a better user experience. It all depends on your need. And you're right, you would need to have 8 identical images all with their own tasks. I have something very similar with one of my applications. It was time consuming to setup, but our users are very happy with the result.

Sounds like you're on the right track, good luck!

-DEFAULT &FMT = 'JSCHART';

DEFINE FILE CAR
 PDF_PNG/A150= '<IMG src="/approot/app1/icon_pdf.png" height=30 width=30 style="border-style: none" alt="Open as PDF" >';
 MAX_PNG/A150= '<IMG src="/approot/app1/icon_maximize.png" height=30 width=30 style="border-style: none" alt="Open in new window" >';
END

GRAPH FILE CAR
SUM SALES
BY COUNTRY
ON GRAPH PCHOLD FORMAT &FMT
ON GRAPH SET VZERO OFF
ON GRAPH SET HTMLENCODE ON
ON GRAPH SET UNITS PIXELS
ON GRAPH SET HAXIS 750
ON GRAPH SET VAXIS 400
ON GRAPH SET GRMERGE ADVANCED
ON GRAPH SET GRMULTIGRAPH 0
ON GRAPH SET GRLEGEND 0
ON GRAPH SET GRXAXIS 1
ON GRAPH SET LOOKGRAPH HBAR
ON GRAPH SET AUTOFIT OFF
HEADING
"<PDF_PNG <MAX_PNG"
ON GRAPH SET STYLE *
*GRAPH_SCRIPT
setPlace(true);
setReportParsingErrors(false);
setSelectionEnableMove(false);
setTextRotation(getO1Label(),1);
setFontStyle(getO1Label(),2);
setFillColor(getO1Label(),new Color(0,127,192));

-*Title
setTextString(getTitle(),"Car Sales");
setDisplay(getTitle(),true);

*END
*GRAPH_JS

"introAnimation": {
    "duration": 1000,
    "enabled": true
},
"riserBevel": "bevel"
,
*END
TYPE=HEADING,
OBJECT=FIELD,
ITEM=1,
JUSTIFY=RIGHT,
FOCEXEC=app1/chart1.fex( RPT_FMT='PDF' ),
TARGET='_BLANK',
$
TYPE=HEADING,
OBJECT=FIELD,
ITEM=2,
JUSTIFY=RIGHT,
FOCEXEC=app1/chart1.fex( RPT_FMT='JSCHART' ),
TARGET='_BLANK',
$
ENDSTYLE
END
-RUN
  

quote:

Originally posted by Joel Elscott:
This is how I solved this issue with my application.

1 - Put the image directly on the html page (not within the fex)
2 - Place the graph on the html page. Remove the frame borders.
3 - Placed graph within a groupbox, with borders turned on.
4 - Place maximize/pdf image within the groupbox.

To the user this will appear that the images are within the graph frame.

quote:

Originally posted by David Sibert:
I have used a resize icon that runs a css class and jQuery which expands and collapse the frame.

quote:

Originally posted by Joel Elscott:
Doesn't look like my image posted for some reason. Try this link:


https://s15.postimg.org/yo9ir3crv/maximize.jpg