Tabstrip menu and external pages

4 posts, 0 answers
  1. Hans
    Hans avatar
    2 posts
    Member since:
    Nov 2013

    Posted 14 Dec 2013 Link to this post

    Hello,

    I'm looking for a way to load an external url into a view in such a way that the tabstrip menu stays visible.
    Tried all sorts of things, iframes, url load methods etc all to no avail.
    Is there a way to use the inappbrowser in conjunction with a tabstrip menu?
    Any hint to get a browser working with a tabstrip is highly appreciated...

    Thanks, Hans.
  2. Andrew
    Andrew avatar
    11 posts
    Member since:
    Dec 2013

    Posted 15 Dec 2013 Link to this post

    Hi Hans,

    I was able to get an IFRAME to render by inserting a view into the tabstrip as follows:

        <div id="tabstrip-web"
            data-role="view"
            data-title="Web"
            data-show="app.logViewStart" data-hide="app.logViewEnd">

            <div class="view-content" id="iframe-container" >
                <iframe src="http://www.slashdot.org" >IFRAME not supported</iframe>
            </div>
        </div>

    This rendered correctly in the simulator but not my device (the IFRAME was sized to only a portion of the view size).  To get this to fill the space, I added styles to main.css:

    #iframe-container, #iframe-container iframe {
        border: none;
        height: 100%;
        width: 100%;
    }

    This now behaves as expected in Android (Nexus 4).  On my iPad, unfortunately, the IFRAME displays correctly but is not scrollable (I tried overflow: scroll to no avail).  Any help there is appreciated...

    One thing that might mess with your testing: if you use "http://google.com" as your test URL (as was my first choice), Google actually sends back headers in the response that prevent their pages from being wrapped in an IFRAME (others may as well).
  3. Kendo UI is VS 2017 Ready
  4. Hans
    Hans avatar
    2 posts
    Member since:
    Nov 2013

    Posted 15 Dec 2013 Link to this post

    Andrew, thanks for your reply!
    I had the exact same thing, found by coincidence via the console that google was blocking the results.
    For that reason alone I'm thinking an iframe is not the way to go.

    All I need is a browser I can use (for instance after scanning a barcode) so that there is a way to get back from the browser to the application. On Androids I can use the back button but iphones don't have one.
    There has to be a way to implement this...

    Any thoughts?

    Thanks, Hans.
  5. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 16 Dec 2013 Link to this post

    Hi guys,

    Loading external URL into a view is not a supported scenario. Using iframe or InAppBrowser to load such URLs is the correct way. InAppBrowser has a Done button, when clicked, the user would be returned to the app that opened it.

    Regards,
    Steve
    Telerik
    You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
Back to Top
Kendo UI is VS 2017 Ready