Jump to content
rtavix

[Resolvido] Como chamar a funcionalidade Modal no meu código- Dúvidas

Recommended Posts

Minha Pagina que desenvolvi.

 

<!DOCTYPE html>

<html lang="pt-br">
<head>
    <title>Emissao de comprovantes</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container form-group col-md-12">
        <div class="row">
            <div class="form-group col-md-3"></div>

            <div class="form-group col-md-5">
                <div class="clearfix"></div>
                <div class="form-group">
                    
                </div>
                <div class="panel panel-danger">
                    <div class="panel-heading"><img src="http://internet.sefaz.es.gov.br/imagens/topo_brasao.png" class="img-responsive center-block" alt="Cinque Terre"><h4 class="text-center">BNES SA</h4></div>
                    <h5 class="text-center"><strong>BNES CORPORATIVO</strong></h5>
                    <h5 class="text-center"><strong>Pagamento e Transferencias Eletrônicas</strong></h5>
                    <h5 class="text-center"><strong>PAGAMENTO: Deposito</strong></h5>
                    <form class="form-horizontal" action="/action_page.php">
                        <div class="form-group">
                            <label class="control-label  col-sm-3 text-align: left " style="font-weight: normal">Titular: </label>
                            <div class="col-sm-10">
                                <input type="password" class="form-control" id="inputPassword" placeholder="Password">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label  col-sm-3 text-align: left " style="font-weight: normal">Codigo de Barras:</label>
                        </div>
                        <div class="form-group">

                            <label class="control-label  col-sm-3 text-align: left " style="font-weight: normal">Data de Pagamento:</label>
                        </div>
                        <div class="form-group">
                            <label class="control-label  col-sm-3 text-align: left " style="font-weight: normal">Valor Documento:</label>
                        </div>
                        <div class="form-group">
                            <label class="control-label  col-sm-3 text-align: left " style="font-weight: normal">Protocolo:</label>
                        </div>
                        <div class="form-group">
                           <label class="control-label  col-sm-3 text-align: left " style="font-weight: normal">Registro:</label>
                        </div>
                        <div class="form-group">
                            <label class="control-label  col-sm-3 text-align: left " style="font-weight: normal">Emissao:</label>
                        </div>
                    </form>

                </div>

                <div class="pull-right">
                    <button class="btn btn-success" id="btnImprimir" type="button"><p>IMPRIMIR <span class="glyphicon glyphicon-print"></span></p></button>
                </div>
            </div>

            <div class="form-group col-md-3"></div>
        </div>
    </div>

</body>
</html>

 

A ideia é que  quando eu clicar no botão de imprimir dentro de uma gridview ele chama essa pagina que postei logo acima e exibir os dados via label trazendo do banco, mas até o momento eu estou agarrada na parte da modal.

 

 

Classe do evento click do meu botão que chama a pagina de cima.

 

protected void ImgImprimir_Click(object sender, EventArgs e)
        {
            Response.Redirect("frmImprimir.aspx");
        }

Meu html da minha pagina:

 

meu html do botão referente ao metodo:

<ItemTemplate>
                                                                          
                                                                            <asp:LinkButton ID="imgImprimir" runat="server" CausesValidation="false" CommandArgument='<%#Eval("Flag")%>'
                                                                                 CommandName="Imprimir" CssClass="iconesTabelas icon_imprimir" OnClick="ImgImprimir_Click" ToolTip="Imprimir" />
                                                                           
                                                                        </ItemTemplate>

 

Share this post


Link to post
Share on other sites
2 horas atrás, quintelab disse:

Não é possível abrir uma modal com Response.Redirect. Terá que usar Jquery, JavaScript ou algum componente.

Resolvido.

Share this post


Link to post
Share on other sites
20 horas atrás, quintelab disse:

Não é possível abrir uma modal com Response.Redirect. Terá que usar Jquery, JavaScript ou algum componente.

Segue a solução.

 <asp:TemplateField>
                                                                    <HeaderStyle CssClass="tabelaPadraoTheadTh" ForeColor="White" />
                                                                        <ItemTemplate>
                                                                            <asp:LinkButton ID="imgComprovante" runat="server" CausesValidation="false" CommandArgument='<%#Eval("Flag")%>'
                                                                                 CommandName="Comprovante" CssClass="iconesTabelas glyphicon glyphicon-list-alt" OnClientClick="window.open('Comprovante.aspx', 'PageName');" ToolTip="Visualizar Comprovante" /></ItemTemplate>
                                                                    </asp:TemplateField>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Hamilcar
      Estou usando o bootstrap 4, tenho um script que abre a página de impressão:
      <script> window.onload = function () { var imprimir = document.querySelector("#imprimir"); imprimir.onclick = function () { var usuario = document.querySelector("#usuario"); var menu = document.querySelector("#menu"); var imprime_escala = document.querySelector("#imprime_escala") imprimir.style.display = 'none'; usuario.style.display = 'none'; menu.style.display = 'none'; imprime_escala.style.display = 'none'; window.print(); var time = window.setTimeout(function () { imprimir.style.display = 'block'; usuario.style.display = 'block'; menu.style.display = 'block'; imprime_escala.style.display = 'block'; }, 1000); } } </script> e notei que antes de atualizar para o bootstrap 4, a página de impressão que se abria para impressão de pdf, tinha a aba para escolher entre paisagem ou retrato, e agora não aparece, alguém já passou por isso e conseguiu resolver?
       
       

    • By barrigademel
      <head> <!-- Favicon --> <link href='http://www.iconj.com/ico/e/9/e993nwoswx.ico' rel='shortcut icon' type='image/x-icon'/> Não importa como eu adicione ou mude o campo favicon, ele simplesmente não sobe. já tentei re-fazer umas 15x, e mandar as 15 pro head todas sobem sem erro, mas não muda o favicon
    • By sander147
      Boa Tarde, estou com um problema ao por o menu ao lado direito, ele não fica alinhado com o campo de notícias, eu não faço ideia de como fazer eles ficarem lado a lado, alguém poderia me dar uma luz? eu estou seguindo um livro da casa do código mas os resultados não saíram iguais depois que eu fui além do livro. :/
      Deveria ficar assim:
       https://uploaddeimagens.com.br/images/002/561/267/original/menu.png?1585683825
       
      Ficou assim:

    • By vcapelli
      Eu sei o que eu vou pedir é meio loucura mas espero que ao menos seja possível. É o seguinte: eu quero fixar um valor X e sempre depois das 18 horas esse valor atualizasse aumentando ou diminuindo de acordo com a bolsa de valores. Exemplo:
      Orçamento 100bi, hoje a bolsa fechou em queda de 2,73% então ela atualizaria para 97,27bi.
      Eu sei que é loucura mas se for possível realizar agradeceria imensamente, não precisam ter pressa também
    • By SaraAlcaras
      Olá galera! Estou criando um jogo da velha para coloca no meu portfólio, porem estou com um pequeno problema que não consigo resolver.. Quando o jogo finaliza a tela da uma ampliada/expandida no tamanho é quase imperceptível porem é algo que eu gostaria de mudar. Qual propriedade posso usar no css pra evitar que isso aconteça?
       
      Código CSS:

       
      :root{ --O-color: rgb(10, 177, 243); --X-color: rgb(253, 148, 148); --E-color: rgb(0, 0, 0); } * { margin: 0; padding:0; box-sizing: border-box; } body { display: grid; align-items: center; justify-content: center; font-family: grenze; height: 100vh; background-color: rgb(153, 153, 153); } .nextPlayer{ color: rgb(60, 62, 63); border: 1px solid rgb(211, 223, 104); box-shadow: 3px 5px 12px rgb(0, 0, 0); } .players { color: rgb(60, 62, 63); border: 1px solid rgb(211, 223, 104); box-shadow: 3px 5px 12px rgb(0, 0, 0); height: 55px; display: flex; flex-direction: column; justify-content: space-evenly; } .player{ display: flex; } .topo { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; margin-bottom: 20px; } .topo .players, .topo .nextPlayer { font-family: grenze; font-weight: bold; border-radius: 4px; } .title { font-size: 3rem; color: rgb(60, 62, 63); margin-bottom: 0; } .title2 { display: none; } .board { display: grid; grid-template-columns: repeat(3, 178px); grid-template-rows: repeat(3, 130px); gap: 1rem; cursor: pointer; } .board.game-over{ opacity: 0.10; } .cell { display: grid; align-items: center; justify-content: center; background-color: white; border-radius: 4px; font-size: 2rem; font-weight: bold; color: #00000066; } .cell:not(.O):not(.X):hover { box-sizing: 0 20px 25px -5px rgba(0, 0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0, 0.4); } .cell.O, .cell.X, .game-over .cell { cursor: not-allowed; } .cell.O { background-color: var(--O-color); } .cell.X { background-color: var(--X-color); } footer{ text-align: center; font-size: 30px; } .winner-message{ margin: 1rem; } .winner-message span.O{ color: var(--O-color); } .winner-message span.X{ color: var(--X-color); } .winner-message span.E{ color: var(--E-color); } button { padding: 0.9rem 1.5rem; border: none; border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0, 0.6); background-color: rgb(68, 255, 146); color: white; font-size: 1.2rem; cursor: pointer; } @media only screen and (max-width: 767px) and (orientation:portrait) { body { width: 100%; text-align: justify; } .board{ grid-template-columns: repeat(3, 88px); grid-template-rows: repeat(3, 80px); -webkit-tap-highlight-color: transparent; } button { font-size: 10px; } .cell { border-radius: 3px; font-size: 1rem; } footer { font-size: 13px; } .title { font-size: 1.5rem; display: none; padding: 0.6em; /* transform: translateY(80%); */ } .title2 { display: flex; font-size: 1.5rem; padding: 0.6em; color: rgb(60, 62, 63); } .topo{ flex-direction: column; } .players { height: 65px; width: 95px; align-items: center; } .nextPlayer{ text-align: center; height: 22px; width: 118px; /* transform: translateY(-150%); */ } } @media only screen and (max-width: 767px) and (orientation:landscape) { body { width: 100%; text-align: justify; } .board { grid-template-columns: repeat(3, 60px); grid-template-rows: repeat(3, 60px); -webkit-tap-highlight-color: transparent; } footer { font-size: 0.5rem; display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; } button { font-size: 0.5rem; } .title { font-size: 0.8rem; } .players{ height: 30px; width: 50px; align-items: center; font-size: 0.5rem; } .nextPlayer{ text-align: center; height: 14px; width: 60px; font-size: 0.5rem; } .cell { border-radius: 3px; font-size: 0.8rem; } } @media only screen and (min-width: 991px) and (max-width: 1200px) { body { width: 100%; text-align: justify; } }

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.