This question is locked. New answers and comments are not allowed.
Hi,
I have attached the sample html file that contains form tag ( from asp.net), it fails to display output when run using Icenium-Graphite.
Please let me know, if someone knew the reason of it.
P.S. when I attached the .txt file it fails to submit so have to insert the code here.
Best Regards,
Puru
Code:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/kendo.mobile.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
</head>
<body>
<form method="get" action="login.aspx" id="form1" data-ajax="false">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJOTk2MDA3NzM2ZGSKDfzA7KBXgrK+Jp+lSATvn21xbPgC5FHsMz7TiaoDlg==" />
</div>
<div class="aspNetHidden">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBAK9lMq1DgK3u5vhBALbw4LuCgL36JLLCL2QQyL9MYFIRAr0BhC3nw6VwpW5EU0Yhj/PLnr+Uv2Y" />
</div>
<div data-role="view" data-title="Kundedata Login">
<header data-role="header">
<div data-role="navbar">
Kundedata Login
</div>
</header>
<div data-role="content">
<ul data-role="listview" data-style="inset">
<li>
<ul style="list-style:none"> <li>
<label>Brugernavn
<input name="txt_username" type="text" id="txt_username" placeholder="Brugernavn" />
</label>
</li>
</ul>
</li>
<li>
<ul style="list-style:none"> <li> <label> Kodeord
<input name="txt_pass" type="password" id="txt_pass" placeholder="Kodeord" />
</label></li>
</ul>
</li>
</ul>
<input type="submit" name="bt_login" value="Log mig ind" id="bt_login" style="margin:15px;" />
</div>
<footer data-role="footer" data-title="KundeData © 2012 · af Webia">
<div data-role="navbar">
KundeData © 2012 · af Webia
</div>
</footer>
</form>
<script>
var app;
$(document).ready(function () {
app = new kendo.mobile.Application(document.forms);
});
</script>
</body>
</html>
I have attached the sample html file that contains form tag ( from asp.net), it fails to display output when run using Icenium-Graphite.
Please let me know, if someone knew the reason of it.
P.S. when I attached the .txt file it fails to submit so have to insert the code here.
Best Regards,
Puru
Code:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/kendo.mobile.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
</head>
<body>
<form method="get" action="login.aspx" id="form1" data-ajax="false">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJOTk2MDA3NzM2ZGSKDfzA7KBXgrK+Jp+lSATvn21xbPgC5FHsMz7TiaoDlg==" />
</div>
<div class="aspNetHidden">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBAK9lMq1DgK3u5vhBALbw4LuCgL36JLLCL2QQyL9MYFIRAr0BhC3nw6VwpW5EU0Yhj/PLnr+Uv2Y" />
</div>
<div data-role="view" data-title="Kundedata Login">
<header data-role="header">
<div data-role="navbar">
Kundedata Login
</div>
</header>
<div data-role="content">
<ul data-role="listview" data-style="inset">
<li>
<ul style="list-style:none"> <li>
<label>Brugernavn
<input name="txt_username" type="text" id="txt_username" placeholder="Brugernavn" />
</label>
</li>
</ul>
</li>
<li>
<ul style="list-style:none"> <li> <label> Kodeord
<input name="txt_pass" type="password" id="txt_pass" placeholder="Kodeord" />
</label></li>
</ul>
</li>
</ul>
<input type="submit" name="bt_login" value="Log mig ind" id="bt_login" style="margin:15px;" />
</div>
<footer data-role="footer" data-title="KundeData © 2012 · af Webia">
<div data-role="navbar">
KundeData © 2012 · af Webia
</div>
</footer>
</form>
<script>
var app;
$(document).ready(function () {
app = new kendo.mobile.Application(document.forms);
});
</script>
</body>
</html>
2 Answers, 1 is accepted
0
Hello Purunep,
Icenium supports only hybrid apps and does not have support for web apps mobile ones (included). In general a Kendo UI mobile application is a type of single page application. This type of web applications fit on a single page with the goal of providing a more fluid user experience and native-like responsiveness. Forms post-backs which cause page reloading are in conflict with that approach - in the mobile app all the dynamic content is retrieved/posted via Ajax requests (the page is not reloaded).
To make this code work in Icenium you should remove the forms tag and initialize the Kendo UI mobile app with document.body.
If you would like to see support for web apps in Icenium, you can post your vote on our feedback portal.
Regards,
Steve
Telerik
Do you enjoy Icenium? Vote for it as your favorite new product here (use short code H048S).
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
Icenium supports only hybrid apps and does not have support for web apps mobile ones (included). In general a Kendo UI mobile application is a type of single page application. This type of web applications fit on a single page with the goal of providing a more fluid user experience and native-like responsiveness. Forms post-backs which cause page reloading are in conflict with that approach - in the mobile app all the dynamic content is retrieved/posted via Ajax requests (the page is not reloaded).
To make this code work in Icenium you should remove the forms tag and initialize the Kendo UI mobile app with document.body.
If you would like to see support for web apps in Icenium, you can post your vote on our feedback portal.
Regards,
Steve
Telerik
Do you enjoy Icenium? Vote for it as your favorite new product here (use short code H048S).
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
0
purunep
Top achievements
Rank 1
Rank 1
answered on 10 Aug 2013, 04:10 AM
Hi Steve,
Thanks for your response. I was using KendoUI Mobile with asp.net, and now I managed it to work.
Only on Icenium, it was not displaying output on form tag but on real devices it works quite nice when combining with asp.net / ajax and kendoui Mobile.
Regards,
PuruNep
Thanks for your response. I was using KendoUI Mobile with asp.net, and now I managed it to work.
Only on Icenium, it was not displaying output on form tag but on real devices it works quite nice when combining with asp.net / ajax and kendoui Mobile.
Regards,
PuruNep