Focal Point
[Workaround] Accordion report - Problem for IE10

This topic can be found at:
https://forums.informationbuilders.com/eve/forums/a/tpc/f/7971057331/m/6187028966

March 26, 2014, 03:57 AM
linnex
[Workaround] Accordion report - Problem for IE10
Hi everybody,

just a quick info / workaround from my side concerning Internet Explorer 10 and Accordion reports (from WF 7.7.03 HF6).
We had quite a struggle with them lately when we first checked them with IE10 - in IE10 Std. mode, they just did not work right.
All columns from left to right appeared stacked as if they are single rows.

The answer was a bit tedious to find: the JS "opening" and "closing" the accodion elements (+)(-) are using a CSS inline style "display: block;" and "display: none;" on TDs and TRs.
Internet Explorer 10 will "transform" table cells and rows somewhat into "divs" if you apply "display: block;" to them Frowner

So all TDs and TRs following a "display: block" formated sibling are moved to the next row Frowner

Actually WF Javascript should not use "display: block" but "display: table-cell" and "display: table-row" instead. Maybe this is already corrected in WF versions higher than 7.7.03?

We though of the following workaround to circumvent these problems - In an HTMLFORM block alongside with the report just add:

   
<style>          
  td[style="display: block;"]
  {
    display: table-cell !important;
  }
  tr[style="display: block;"]
  {
    display: table-row !important;
  }
</style>


Hope this avoids long trial and error sessions for other teams on that topics Smiler

Cheers Linne


WebFOCUS 7.7.03
April 02, 2014, 06:30 PM
<Kathryn Henning>
Hi Linne,

Thank you for sharing this information with us!

Regards,

Kathryn