loading kendo mobile site in iFrame - some files not loaded properly

2 posts, 0 answers
  1. Joon
    Joon avatar
    30 posts
    Member since:
    Aug 2012

    Posted 20 Aug 2012 Link to this post

    Hi everyone,
    I have a strange issue.
    I am loading my kendo mobile app in iframe and the some css isn't applied and the tab button images are not showing up(just blank buttons). This seems happening on the initial loading and if I hit F5 to refresh the page, it then shows ok.

    This happens in Chrome and the url is http://www.bookingbay.net

    The reason I do this is basically to allow users to use the app on browsers as well as the mobile devices. It detects the http header to see if the user is connecting from the desktop browsers and if so it redirects the desktop users to the desktop.html page which does this iframing to enclose the app into smaller real estate.

    Anyone experienced similar issues? Thanks in advance,

    Warm regards,

    John Choi

  2. Joon
    Joon avatar
    30 posts
    Member since:
    Aug 2012

    Posted 20 Aug 2012 Link to this post

    I figured out why some of the images not loaded properly. I was redirecting from index.html to default.html, then in turn from default.html loading the index.html within the iframe. However I forgot to stop executing the document ready function after redirection by commanding "return;" keyword. Then the browser behaved somewhat half loading the index.html into the iFrame. Thanks anyways.
Back to Top