Question

4
Replies
422
Views
Close popover
Johan Grall (JOHAN.GRALL)
Lyance
LSA Pega
Lyance
FR
JOHAN.GRALL Member since 2012 17 posts
Lyance
Posted: January 17, 2019
Last activity: January 24, 2019
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 Experience
Moderation Team has archived post,
Close popover This thread is closed to future replies. Content and links will no longer be updated. If you have the same/similar Question, please write a new Question.