Executar Modal BootStrap no CodeBehind - ASP.NET(VB)

Neste artigo vou mostrar como executar um Modal do Bootstrap no CodeBehind.

Primeiro adicione o código modal em seu HTML;

 <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
  <div class="modal-header">  
   <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>  
   <h3 id="myModalLabel">Tem coisa incorreta!</h3>  
  </div>  
  <div class="modal-body">  
   <p>Usuário ou senha incorretos!</p>  
  </div>  
  <div class="modal-footer">  
     <button class="btn btn-primary" data-dismiss="modal">Entendi</button>  
  </div>  
 </div>  

Consulte o site Bootstrap - Modal para mais detalhes sobre o Modal...

Para executa-lo ao evento click de um botão no CodeBehind, adicione;

  ScriptManager.RegisterStartupScript(Me, Me.GetType(), "none", "<script>$('#myModal').modal('show');</script>", False)  

Repare na primeira linha do código do Modal HTML o id="myModal"  que é o ID do modal, e no evento para abri-lo <script>$('#myModal').modal('show');</script>  tem que ser # e o nome ID que você definiu!

COMENTE

& Compartilhe

Tweet