Show Bootstrap popup Modal from code in Asp.Net C#

Hi, today ill show to how to show Bootstrap Popup Modal from code in asp. Here is a sample modal

<div id="your_modal_name" class="modal fade animated" role="dialog">
                                                                    <div class="modal-dialog">
                                                                        <div class="modal-content">
                                                                            <div class="modal-header">
                                                                                <button type="button" class="close"
                                                                                    data-dismiss="modal">
                                                                                    &times;</button>
                                                                                <h4 class="modal-title">Sales Record</h4>
                                                                            </div>
                                                                            <div class="modal-body">
                                                                                      <p>Add Content Here</p>
                                                                            </div>
                                                                            <div class="modal-footer">
                                                                                <button type="button" class="btn btn-default" data-dismiss="modal">
                                                                                    Close
                                              
                                                                                </button>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
and now add this script on the top of your page below the Head tag

<script type="text/javascript">
        function qwerty() {
            $('#your_modal_name').modal('show');
        }
    </script>

add a button and on click event write this :

 protected void Button1_Click(object sender, EventArgs e)
        {
                   ScriptManager.RegisterStartupScript(this, this.GetType(), "Pop", "qwerty();", true);
        }
and you're done..!! enjoy...:)

Comments

Post a Comment

Popular posts from this blog

How to show multiple markers on Google maps from database in ASP.Net

A simple way to show multiple markers on Google maps from database in ASP.Net using SQL and Repeater. Follow the steps below: 1) Create a Table in you DB. CREATE TABLE [dbo].[CustomerDetails] (     [ID]           INT            IDENTITY (1, 1) NOT NULL,     [CustomerName] NVARCHAR (MAX) NULL,     [ Address ] NVARCHAR (MAX) NULL,       [Latitude]     FLOAT (53)     NULL,     [Longitude]    FLOAT (53)     NULL,     [Image]        IMAGE          NULL,     CONSTRAINT [PK_CustomerDetails] PRIMARY KEY CLUSTERED ([ID] ASC) ); 2) HTML Markup and Google Maps Scripts <script src="http://maps.google.com/maps/api/js?libraries=places&key=YOUR-APIKEY-HERE"></script> <script type="text/javascript">          var markers = [          <asp:Repeater ID="rptMarkers" runat="server">          <ItemTemplate>                      {                          "title": '<%# Eval(" CustomerName ") %
Read more

How to Solve Bootstrap Tooltip disappearing inside a updatepanel control when a button is click or in postback in ASP.NET

hi...today ill like to share how to keep bootstrap tooltip from disappearing inside a updatepanel. 1st always use  if (!Page.IsPostBack) { } on page_load if you are using a UpdatePanel in asp website/application. Ok lets add a UpdatePanel with two HTML input control and a Button.  <asp:UpdatePanel ID="up_save" runat="server">                                                             <ContentTemplate>                                                                 <div class="form-body">                                                                     <div class="form-group" style="margin-bottom: 4px;">                                                                         <label for="name" class="control-label">                                                                             Name                                                                         &
Read more

Show Bootstrap Popup Modal from inside a Repeater in Asp.Net

Today ill show you how to add Bootstrap Popup Modal from inside a Repeater in Asp.Net. I feel AJAX Popup Modal is too 'heavy'! so i have found a way to use Bootstrap Popup Modal instead. Hope you guys like it..!! Add a Repeater control and bind it to a DataSource of your choice :   <asp:Repeater ID="Repeater1" runat="server">                                                             <ItemTemplate>                                                                 <tr>                                                                     <td>                                                                         <%#DataBinder.Eval(Container.DataItem, "SID")%>                                                                     </td>                                                                     <td>                                                                         <b>Name : </b&
Read more