I am attempting to implement a mashup in Pega 7 with the new attribute name "PegaResize" and this method doesn't seem to be working. I've tried all sorts of overflow settings. The only thing that seems to fix it is to manually set the height in pixels in the developer tools for chrome - if I do this it looks as I would like and the scrollbars dissappear. Overflow doesn't seem to work which as far as I can tell should be controlled by the PegaResize. Here is my code.
What can I do so that my divs will resize. My end goal is to have this working inside of a JSF page in a <f:verbatim> tag but it won't work there or in my static html file that I am currently working with to try to solve this. I want the page to lengthen to adjust to the length of the pega mashup so that there is no vertical scrollbar and all the mashup is visible.
I'm starting to think that this is due to my pega parameters never even being accepted. My reason for this is that I have also tried to use data-pega-event-onload to run a function making a JS alert stating the page is loaded, but it won't work either. Maybe there is something here a missing include or something that is cause my pega parameters not to run? I'm going to attach screenshots of firefox and chrome JS console warnings.
I have already tried that and it too is not working. Should I be including something in the file that I am not? As a test I have also tried data-pega-event-onload, but my onload function is not working properly. Perhaps I'm missing something causing none of my pega div parameters to work?