Focal Point Banner


As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only.

Join the TIBCO Community
TIBCO Community is a collaborative space for users to share knowledge and support one another in making the best use of TIBCO products and services. There are several TIBCO WebFOCUS resources in the community.

  • From the Home page, select Predict: WebFOCUS to view articles, questions, and trending articles.
  • Select Products from the top navigation bar, scroll, and then select the TIBCO WebFOCUS product page to view product overview, articles, and discussions.
  • Request access to the private WebFOCUS User Group (login required) to network with fellow members.

Former myibi community members should have received an email on 8/3/22 to activate their user accounts to join the community. Check your Spam folder for the email. Please get in touch with us at community@tibco.com for further assistance. Reference the community FAQ to learn more about the community.


Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     accordion frame autosizing

Read-Only Read-Only Topic
Go
Search
Notify
Tools
accordion frame autosizing
 Login/Join
 
<Tmproff>
posted
I am trying to place an accordion type report in the middle of a dashboard, and I'd like it to push the frames below this one down as the accordion expands. Any ideas?
 
Report This Post
Tony A
Expert
posted Hide Post
Tmproff,

Not sure whether you are using Iframes or just plain framesets, but the following resizing JS should cope with HTML content. It will not deal with Excel or PDF though.

<html>
<head>
<title>IFRAME Sample </title>
<script language="javascript">
function autoIframe(frameId){
  try {frame = document.getElementById(frameId);
       innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
       objToResize = (frame.style) ? frame.style : frame;
       objToResize.height = innerDoc.body.scrollHeight + 10;
       objToResize.width  = innerDoc.body.scrollWidth + 10;
      }
  catch(err){
       window.status = err.message;
      }
  }
</script>
</head>
<body>
<iframe name="iframe1" id="iframe1" onload="if (window.parent && window.parent.autoIframe)
                                               {window.parent.autoIframe('iframe1');}"
        src="/ibi_apps/WFServlet?IBIAPP_app=ibisamp&IBIF_ex=carinst.fex&WFFMT=HTML"></iframe>
</body>
</html>

Original code from the Kaali.co.uk site.

T


In FOCUS
since 1986		WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.06 standalone on Windows 10 
 
Posts: 5694 | Location: United Kingdom | Registered: April 08, 2004Report This Post
<Tmproff>
posted
Tony,
Thanks for supplying the code. If I paste that into an HTML file and run it, the frame expands on load, but in an accordian report, the frame is not refreshed when it expands. Do you happen to know a way to use this technique using an onclick event maybe?
 
Report This Post
Tony A
Expert
posted Hide Post
Tmproff,

Because of the fact that the javascript is self contained within the accordian report you might have to drop the idea of using an iframe in favour of using a table with your accordian report wedged into one cell. If you don't use width, height or the CSS equivalents you should be OK. However, you would probably have to have your reports run inline with HOLD FORMAT HTML, then include them using !IBI.FIL.filename;. Don't be tempted to use FORMAT HTMTABLE as this will remove all the HTML other than that contained within the BODY tags and therefore you would lose the body onload event trigger together with all the javascript module loads performed within the HEAD tags.
APP PREPENDPATH IBISAMP
TABLE FILE CAR
SUM RCOST
    DCOST
 BY COUNTRY
 BY CAR
 BY MODEL
ON TABLE HOLD AS CARACCOR FORMAT HTML
ON TABLE SET EXPANDABLE ON
ON TABLE SET HTMLCSS ON
ON TABLE SET PAGE NOLEAD
ON TABLE SET STYLE *
  GRID=OFF, SIZE=9, $
ENDSTYLE
END
-RUN
-HTMLFORM BEGIN
<html>
<head>
<title>IFRAME Sample </title>
<script language="javascript">
function autoIframe(frameId){
  try {frame = document.getElementById(frameId);
       innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
       objToResize = (frame.style) ? frame.style : frame;
       objToResize.height = innerDoc.body.scrollHeight + 10;
       objToResize.width  = innerDoc.body.scrollWidth + 10;
      }
  catch(err){
       window.status = err.message;
      }
  }
</script>
</head>
<body>
!IBI.FIL.CARACCOR;
<iframe name="iframe1" id="iframe1" onload="if (window.parent && window.parent.autoIframe)
                                               {window.parent.autoIframe('iframe1');}"
        src="/ibi_apps/WFServlet?IBIAPP_app=ibisamp&|IBIF_ex=carinst.fex&|WFFMT=HTML"></iframe>
</body>
</html>
-HTMLFORM END

You will notice that the carinst within the iframe does resize OK upon drilldown but this is because when the drilldown fex is displayed it triggers the onload event again.

Happy fishing ....

T


In FOCUS
since 1986		WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.06 standalone on Windows 10 
 
Posts: 5694 | Location: United Kingdom | Registered: April 08, 2004Report This Post
  Powered by Social Strata  

Read-Only Read-Only Topic

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     accordion frame autosizing

Copyright © 1996-2020 Information Builders