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
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
1 Answer, 1 is accepted
0
Joon
Top achievements
Rank 1
Rank 1
answered on 20 Aug 2012, 04:31 PM
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.