Simulator doesn't shows any output if code contains form tag

3 posts, 0 answers
  1. purunep
    purunep avatar
    6 posts
    Member since:
    Aug 2013

    Posted 07 Aug 2013 Link to this post

    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>

  2. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 09 Aug 2013 Link to this post

    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.
  3. purunep
    purunep avatar
    6 posts
    Member since:
    Aug 2013

    Posted 09 Aug 2013 Link to this post

    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
Back to Top