Basit Khan

Basit Khan

  • 1.3k
  • 336
  • 114.7k

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> <!-- Bottom Toolbar--> <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> <!-- Login Popup --> <!-- Register Popup --> <!-- Login Popup --> <!-- Social Popup --> <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)