Question

4
Replies
338
Views
JOHAN.GRALL Member since 2012 17 posts
Lyance
Posted: 1 year ago
Last activity: 1 year 9 months ago
Closed
Solved

Mashup size dynamically to avoid scrollbar

Hi,

My customer wants to display a Pega application into mashup gadget.
And he wants to display only the brower scrollbar and not the scrollbar generated by the pega application.

The only way I find to implement this is to fixed the size the mashup gadget with the exactly size used by the pega application... But this size depends to the displayed harness.

Do you know if it's possible to dynamically size the mashup gadget to avoid display the application scrollbar?
Or do you know if another implementation provides this behavior ?

Exemple of implementation and mashup size results :

  • Configuration : Fix size of mashup gadget
    <script src ='https://XXX/prweb?pyActivity=pzIncludeMashupScripts'></script>
    <div id="PegaMashup" style="overflow:auto; width:1450px; height:3000px; display:block;"
    data-pega-gadgetname ='PegaMashup' 
    data-pega-action ='OpenWorkByURL' 
    data-pega-action-param-query ='pyActivity=Data-Portal.ShowDesktop'
    data-pega-action-param-parameters ={UserIdentifier:'[page/id/Account]',Password:'[page/id/EncodedPassword]'}
    data-pega-isdeferloaded ='true' 
    data-pega-applicationname ='AssurVieCA' 
    data-pega-threadname ='STANDARD' 
    data-pega-systemid ='pega_dev'
    data-pega-resizetype ='fixed' 
    data-pega-url ='https://XXX/prweb/IAC' 
    data-pega-event-onload = "onLoadFunc"
    data-pega-redirectguests ='true' ></div>

    Results : Mashup doesn't include scrollbar but the browser scrollbar is not dynamically (in this case, always 3000px):

  • Configuration : Dynamic size of mashup
    <script src ='https://XXX/prweb?pyActivity=pzIncludeMashupScripts'></script>
    <div id="PegaMashup" style="overflow:auto; display:block;"
    data-pega-gadgetname ='PegaMashup' 
    data-pega-action ='OpenWorkByURL' 
    data-pega-action-param-query ='pyActivity=Data-Portal.ShowDesktop'
    data-pega-action-param-parameters ={UserIdentifier:'[page/id/Account]',Password:'[page/id/EncodedPassword]'}
    data-pega-isdeferloaded ='true' 
    data-pega-applicationname ='AssurVieCA' 
    data-pega-threadname ='STANDARD' 
    data-pega-systemid ='pega_dev'
    data-pega-resizetype ='stretch' 
    data-pega-url ='https://XXX/prweb/IAC' 
    data-pega-event-onload = "onLoadFunc"
    data-pega-redirectguests ='true' ></div>

    Results : Mashup includes scrollbar and browser displays scrollbar

For information (or test), current implementation of the mashup page in attachment (with a test to get pega data with getGadgetData but doesn't work curently).

Thanks in advance,

Johan

Low-Code App Development User Interface
Moderation Team has archived post
Share this page LinkedIn