[Scrollbar] Desktop Innerpage and Work Area

[guillaume-hrc]

Hi,

I simply added a custom-specific iView in the Work Area in the Layout of the Desktop Innerpage.

Now, I have a vertical scrollbar on almost all pages of the Portal.

My analysis is that the Work Area complelety ignores the custom-specific iView (the Desktop Innerpage height type is set to Automatic) when it calculates the available height. I tried different settings (Fixed, Full-page) without success.

To say the truth, I have read solutions (in cas of adding a footer) where you have to overwrite a Javascript function that I am not very fond of...

Hope there is a solution that do not imply modifying or copying a standard Portal component (be it the Desktop Innerpage, the Navigation Layout (with Navigation Area / Work Area)...

Best regards,

Guillaume

[guillaume-hrc]

Not answered but closed anyway

[guillaume-hrc]

10 questions max, dropped this one...

[Former Member]

Hi Guillaume,

We have the same problem on our portal.

Have you succeed to solve this problem ?

Thanks,

Matthiew

[guillaume-hrc]

Well, it is starting to make sense...

Here is the code that seems responsible for the resizing (I guess this is called when the FULL-PAGE option is set on the Desktop Innerpage)

workArea.resizeIframe = function() {
    obj = document.getElementById("isolatedWorkArea");
    var dif = 3;
    if (document.getElementById("fullPageDiv") != null) {
        dif += 9;
    }
    if (EPCM.getUAType() == EPCM.MSIE) {
        obj.style.pixelHeight = document.body.clientHeight - dif;
    } else {
        if (EPCM.getUAVersion() < 7) obj.style.height = window.innerHeight - dif - 6;
        else obj.style.height = window.innerHeight - dif
    }
}

As you can see, the isolatedWorkArea is retrieved and the height of the iframe (obj.style.height) is set.

The problem is that the isolatedWorkArea (which is the Id of an iframe) only contains the Content Area iView whereas one would have expected that it contains all the iViews in the Work Area section.

Here is the resulting generated HTML code (a bit simplified to emphasize the structure) :

<div id="desk_div">
  <table>
     <tr>
        <td>
        My Component
        </td>
      </tr>

     <tr>
        <td>
          <iframe id="isolatedWorkArea">
          The content of the iframe is here
          </iframe> 
          <s cript>workArea.resizeIframe(); ...
          </s cript>
        </td>
      </tr>
</div>

As you can see the script only acts on the iframe...

Or am I missing something ??

Best regards,

Guillaume