Friday 24 January 2014

twitter bootstrap pop up using asp.net c#

03:28 By , , No comments

In this post i will show creating twitter bootstrap pop up using asp.net c# .
the main problem of twitter bootstrap is  button and any other control inside bootstrap content are not fire any asp.net event . After a long days its work me after  change/modify some internal script of a bootstrap ..
 the file is available to download at last section of this post .

<html lang="en">
<head>
    
    <title>popup </title>

    <link href="bootstrap.min.css" rel="stylesheet" type="text/css">
    
    <link href="bootstrap-modal.css" rel="stylesheet" type="text/css">   
</head>
<body >
<form id="form1" runat="server">
    <br />
    <h2>
        Bootstrap popup using asp.net c#
    </h2>
  
    <br />
      click here to lunch demo:
      <asp:LinkButton ID="LinkButton2" runat="server" href="#form_modal10" data-toggle="modal">click me</asp:LinkButton>
                                   
<div id="form_modal10" class="modal hide fade" >
    <div  id="2026">
        <div  style="padding-left:15px; height:145px">
           Bootstrap pop up using Asp.net 
            <br /><br /><br />
            <asp:Label ID="Label1" runat="server" ></asp:Label>
           
            <asp:Button ID="Button1" runat="server" Text="click me" OnClick="submitclick" />
                               
        </div>
                                           
    </div>
   
</div>
        <br />
       

 <script src="jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<script src="bootstrap.min.js" type="text/javascript"></script>


</form>
       

 </body>
<!-- END BODY -->
</html>
.cs file 
 protected void submitclick(object sender, EventArgs e)
    {

        Label1.Text = "button click work  ";
  
    }
video :
Download files :

0 comments:

Post a Comment