Gizli Div Tetikleme <div class="container"> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#product_view"><i class="fa fa-search"></i> Quick View</button> </div> <div class="modal fade product_view top" id="product_view"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <a href="#" data-dismiss="modal" class="class pull-right"><span class="glyphicon glyphicon-remove"></span></a> <h3 class="modal-title">Giriş hatası</h3> </div> <div class="modal-body"> Hata Açıklaması </div> </div> </div> </div> CSS Kodu .product_view .modal-dialog{max-width: 800px; width: 100%;} .pre-cost{text-decoration: line-through; color: #a5a5a5;} .space-ten{padding: 10px 0;} .top{padding-top: 210px;} Butonlarda Kullanım Şekli <asp:Button ID="btnModal" runat="server" data-toggle="modal" data-target="#myModal" OnClick="linkButton_Click" UseSubmitBehavior="false">CIS Information</asp:Button> protected void linkButton_Click(object sender, EventArgs e) { Page.ClientScript.RegisterStartupScript(GetType(), "modelBox", "$("#myModal").modal('show');", true); }
Gizli Div Çağırma
Kaydol:
Kayıtlar (Atom)
Hiç yorum yok:
Yorum Gönder