How to use InAppBrowser inside 1 tab of the 'Tab View App' template

Chris_V_ · ‎02-25-2017

Hello,

I am new to Intel XDK and I'd like to know how I can get the InAppBrowser inside 1 (and only 1!) tab of the 'Tab View App' template. This is what I am doing now:

  <div class="pages">

            <!--Tab View Pages-->
            <div class="panel" data-title="Home" id="tab1" data-selected="true">
                <script>var ref = window.open('http://apache.org', '', 'location=no');</script>
            </div>

            <div class="panel" data-title="Favorites" id="tab2" >
                This is view for second Tab
            </div>

            <div class="panel" data-title="Messages" id="tab3">
                This is view for third Tab
            </div>

            <div class="panel" data-title="Profile" id="tab4">
                This is view for fourth Tab
            </div>

        </div>

This will open apache.org in full screen (removing all the tabs from the bottom making it impossible to switch to other tab pages). I only want the browser window to be inside tab nr1

How do I do this?

Thanks!

Chris_V_ · ‎02-25-2017

This is what I intend to do: