iFramed PC2 + "Open in a new Tab"

Options
Hey Teamraisery folks -



I have a quandry. We iFrame in our PC2 to a pagebuilder page (panda_nation_center) and in a fury of testing, I used the navigation to open a PC2 view in a new tab. And instead of the view loading within panda_nation_center, it opened /dashboard.html#someviewname. Is there a way around this or could we have coded something funky?



Thanks,

Sara
Tagged:

Comments

  • Hi Sara,



    Trying to help here if I may.. but would need to clarify things from your initial posting and probably might ended up suggesting alternative (non iFrame approach).. but I have to start from somewhere to get better feeling on this anyway.. =)



    I am assuming that navigation to open a PC2 view resides within the parent page (in this case that "panda_nation_center" pagebuilder page); if yes:
    • What PC2 view are you trying to open ? is it the OOB view (i.e. home dashboard, progress, email) or is it custom view? How's the link constructed (i.e. hardcoded href , javascript based) 
      • Most importantly maybe is why not reusing the existing OOB navigation tab that comes with the PC2 instead? -- since it's already inside of an iframe being embedded into that pagebuilder.  
    • The concern with DOM traversing from parent to child iframe is that it might get blocked by the newer browser security mechanism in a way they don't want to allow parent page to be able to alter what's inside of an iframe. However the reverse might still work from child iframe > parent.  i.e. have a link within iframe opens up on parent page through the target="_top" / "_parent" property

    Another alternative, if iFrame is not really a must, or is this project is a new initiative --  I would suggest to go the non iframe approach let the PC2 opens on its own as stand alone. You can still have the flexibility to style it so it have the same branding / look and feel through its custom.css (and/or custom.js)



    If the concern is to benefit from the use of S-tag -- that is still achievable to be passed onto the PC2 through custom.js and jQuery Load of the so called "reusable pagebuilders" (important tips: load them without the pagewrapper through &pgwrap=n and use callback for functions related to further DOM manipulating associated to elements that might resides within that reusable pagebuilder)



    I phased out our iframe based PC2 approach with the stand alone one for our events. You may explore the actual implementation of the non-iframe one at  (free to register on this one)

    Step Out: Walk to Stop Diabetes



    Let me know



    regards,

    Daniel
  • Sara,



    Now do you see why Daniel is my hero? 



     
  • Shana Masterson:

    Sara,



    Now do you see why Daniel is my hero? 



     

    aww, Thank you Shana (also thanks to you with all the driving ideas as of what we could leverage and enhance while working together at ADA ;) ...  honestly it's been a humbled and exciting adventures though, also should give credits back to the community here -- reading folks' contributions here were part why we could be where we are at moment (included >> shout to Brian Mucha and Noah) . 



    regards,

    Daniel

Categories