In dotnet When used Framework7 button click not working

Jul 25 2020 7:20 AM

im using framework7 in .net, the button click is not firing.

below is my code.

Home.html include as master page

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="apple-touch-icon" href="images/apple-touch-icon.png" /> <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="apple-touch-startup-image-640x1096.png"> <link rel="stylesheet" href="css/framework7.css"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="css/colors/orange.css"> <link type="text/css" rel="stylesheet" href="css/animations.css" /> </head> <body> <div class="statusbar-overlay"></div> <div class="panel-overlay"></div> <div class="panel panel-left panel-cover"> <div class="user_login_info"> <div class="user_thumb"> <img src="images/profile.jpg" alt="" title="" /> <div class="user_details"> <p>Hi, <span>John Doe</span></p> </div> <div class="user_social"> <a href="#" data-popup=".popup-social" class="open-popup"><img src="images/icons/white/twitter.png" alt="" title="" /></a> </div> </div> <nav class="user-nav"> <ul> <li><a href="features.html" class="close-panel"><img src="images/icons/white/settings.png" alt="" title="" /><span>Settings</span></a></li> <li><a href="features.html" class="close-panel"><img src="images/icons/white/briefcase.png" alt="" title="" /><span>Account</span></a></li> <li><a href="features.html" class="close-panel"><img src="images/icons/white/message.png" alt="" title="" /><span>Messages</span><strong class="green">12</strong></a></li> <li><a href="features.html" class="close-panel"><img src="images/icons/white/download.png" alt="" title="" /><span>Downloads</span><strong class="blue">5</strong></a></li> <li><a href="index.html" class="close-panel"><img src="images/icons/white/lock.png" alt="" title="" /><span>Logout</span></a></li> </ul> </nav> </div> </div> <div class="panel panel-right panel-cover"> <h2>Search</h2> <div class="search_form"> <form id="SearchForm" method="post"> <input type="text" name="keyword" value="" class="search_input" placeholder="keyword" /> <input type="image" name="submit" class="search_submit" id="submit" src="images/icons/white/search.png" /> </form> </div> <div class="clear"></div> <h3>POPULAR POSTS</h3> <ul class="popular_posts"> <li> <a href="blog-single.html" class="close-panel"><img src="images/photos/photo1.jpg" alt="" title="" /></a> <span><a href="blog-single.html" class="close-panel">Design is not just what it looks like and feels like.</a></span> </li> <li> <a href="blog-single.html" class="close-panel"><img src="images/photos/photo2.jpg" alt="" title="" /></a> <span><a href="blog-single.html" class="close-panel">Fashion fades, only style remains the same.</a></span> </li> <li> <a href="blog-single.html" class="close-panel"><img src="images/photos/photo3.jpg" alt="" title="" /></a> <span><a href="blog-single.html" class="close-panel">Sed ut perspiciatis unde omnis iste accusantium.</a></span> </li> <li> <a href="blog-single.html" class="close-panel"><img src="images/photos/photo4.jpg" alt="" title="" /></a> <span><a href="blog-single.html" class="close-panel">Nemo enim ipsam voluptatem quia voluptas.</a></span> </li> <li> <a href="blog-single.html" class="close-panel"><img src="images/photos/photo5.jpg" alt="" title="" /></a> <span><a href="blog-single.html" class="close-panel">Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.</a></span> </li> </ul> </div> <div class="views"> <div class="view view-main"> <div class="pages toolbar-through"> <div data-page="index" class="page homepage"> <div class="page-content"> <div class="logo"><img src="images/logo.png" alt="" title="" /></div> </div> </div> </div>  <div class="toolbar"> <div class="toolbar-inner"> <ul class="toolbar_icons"> <li><a href="#" data-panel="left" class="open-panel"><img src="images/icons/white/user.png" alt="" title="" /></a></li> <li><a href="photos.html"><img src="images/icons/white/photos.png" alt="" title="" /></a></li> <li class="menuicon"><a href="menu.html"><img src="images/icons/white/menu.png" alt="" title="" /></a></li> <li><a href="blog.html"><img src="images/icons/white/blog.png" alt="" title="" /></a></li> <li><a href="contact.html"><img src="images/icons/white/contact.png" alt="" title="" /></a></li> </ul> </div> </div> </div> </div>     <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script> <script src="js/jquery.validate.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/framework7.js"></script> <script type="text/javascript" src="js/classie.js"></script> <script type="text/javascript" src="js/selectFx.js"></script> <script type="text/javascript" src="js/my-app.js"></script> <script type="text/javascript" src="js/jquery.swipebox.js"></script> <script type="text/javascript" src="js/email.js"></script> </body> </html>

After that i added aspx page.

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="cn2.aspx.vb" Inherits="ess.cn2" %> <html xmlns="http://www.w3.org/1999/xhtml"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="apple-touch-icon" href="images/apple-touch-icon.png" /> <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="apple-touch-startup-image-640x1096.png"> <title>mobix - mobile web app template</title> <link rel="stylesheet" href="css/framework7.css"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="css/colors/orange.css"> <link type="text/css" rel="stylesheet" href="css/swipebox.css" /> <link type="text/css" rel="stylesheet" href="css/animations.css" /> <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700,900' rel='stylesheet' type='text/css'> <body id="mobile_wrap"> <form id="form1" runat="server"> <div class="views"> <div class="view view-main"> <div class="pages"> <div data-page="projects" class="page no-toolbar no-navbar"> <div class="page-content"> <div class="navbarpages"> <div class="nav_left_logo"><a href="Home.html"><img src="images/logo.png" alt="" title="" /></a></div> <div class="nav_right_button"><a href="menu.aspx"><img src="images/icons/white/menu.png" alt="" title="" /></a></div> </div> <div id="pages_maincontent"> <h2 class="page_title">CN2</h2> <div class="page_content"> <h2 id="Note"></h2> <div class="contactform"> <%--<form class="cmxform" id="ContactForm" method="post" action="">--%> <label>Name:</label> <asp:TextBox ID="TextBox1" runat="server" class="form_input required"></asp:TextBox> <label>Message:</label> <asp:TextBox ID="TextBox2" runat="server" class="form_input required"></asp:TextBox> <asp:Button ID="Button1" runat="server" class="form_submit" Text="Login" /> <%-- </form>--%> </div> </div> </div> </div> </div> </div> </div> </div> </form> <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script> <script src="js/jquery.validate.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/framework7.js"></script> <script type="text/javascript" src="js/classie.js"></script> <script type="text/javascript" src="js/selectFx.js"></script> <script type="text/javascript" src="js/my-app.js"></script> <script type="text/javascript" src="js/jquery.swipebox.js"></script> <script type="text/javascript" src="js/email.js"></script> </body> </html>

When i run the project with below URL

http://localhost:1038/Home.html#!/cn2.aspx then button click not working

but with http://localhost:1038/cn2.aspx button click working.

Is framework7 is not supporting .net?

Many Thanks Basit.

Answers (1)

What can be most efficient way of filtering data in DataTable?

asp.net WebAPI showing error as [objec Object]