Suggest a feature
×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
1
 
0
Language: ASP
Posted by: Mario Lopes
Added: Jul 22, 2018 4:20 PM
Modified: Jul 22, 2018 4:25 PM
Views: 6
Painel bootstrap Modal em Asp.net e CSS
  1. //css
  2. <style>
  3. .modalBackground
  4. {
  5.     background-color:Gray;
  6.     filter:alpha(opacity=50);
  7.     opacity:0.7;
  8. }
  9. .pnlBackGround
  10. {
  11.  position:fixed;
  12.     top:10%;
  13.     left:10px;
  14.     /*width:300px;
  15.     height:125px;*/
  16.     text-align:center;
  17.     background-color:White;
  18.     border:solid 3px black;
  19. }
  20.     </style>
  21. // fim do CSS
  22. <div class="container">
  23.     <div class="row">
  24.         <asp:Label ID="Label3" runat="server" Text="" ></asp:Label>
  25.         <div class="col-md-12 ">
  26.             <div class="panel pnlBackGround" id="MarcaAula" style="display: none;">
  27.                 <div class="panel panel-info ">
  28.                     <div class="panel-heading">
  29.                         <div class="row">
  30.                             <div class="col-md-6">
  31.                                 Todos os alunos
  32.                             </div>
  33.                             <div class="col-md-6 text-right">
  34.                                 <asp:Button ID="Button3" CssClass="btn-sm" runat="server" Text="X" />
  35.                             </div>
  36.                         </div>                      
  37.                     </div>
  38.                     <div class="panel-body">                      
  39.                     </div>
  40.                     <div class="panel-footer">
  41.                        <p>Aqui footer</p>                  
  42.                     </div>
  43.                 </div>
  44.                 </div>        
  45.             </div>
  46. </div>
  47. </div>