Search code examples
htmlcordovaiframeinappbrowserchildbrowser

Adding inApp browser inside a Div

Am working in HTML5 PhoneGap Application. I want embedded a website in to my Application. We can Use InApp Browser/ChildBrowser for this. But normally its loading as another window. I want to add the InApp Browser/ChildBrowser inside a Div element

like the image given;

enter image description here

Here Header and Footer should be visible and which is the part of the App. Inside the Dive element i want to open the Website. Is there any solution ?

Or Can we use iframe for this?

I want to Develop the app for iPad.

Solution

  • V, as far as i know, it is not possible to use the inAppBrowser with the attribute inline.

    When i did this the last time, i did it like you supposed to do this -> with an iFrame. You can use the iframe like this:

    <iframe src="../../../index.htm" width="90%" height="400" name="SELFHTML_in_a_box">
  <p>Sorry, but your browser can't display iframes <a href="../../../index.htm">SELFHTML</a></p>
</iframe>

    But i would relinquish on the <p> tag. So just only use the iFrame.

    So i hope, this helped you. If not, let me know. Then i'm going to explained it with more details!