Jump to content
Carcleo

mPDF não aceita Style

Recommended Posts

Gostaria de saber porque o mPDF, nesse meu código, não está aceitando o CSS ao gerar o PDF.

 

Obs.: no navegador, sai tudo normal mas quando a exibição é no PDF é que nõ funcinam os estilos.

<?php

  $css = "
        img {
            max-width: 100%;
        }
        ul {
            list-style: none;
        }
        div.relatorio {
            width: 95%;
            margin: 0 auto;
        }
        div.relatorio ul.border {
            border: .1px rgb(0,0,0) solid;
            background-color: black;
        }
        div.relatorio .centralizado {
            text-align: center !important;
        }
        div.relatorio .backCinza {
            background-color: rgb(217,217,217);
        }
        div.relatorio ul.ulInlineBlock li {
            display: inline-block;
        }
        div.relatorio ul.lancamento li, div.relatorio ul.resumo li {
            height: 100%;
            line-height: 18px;
            font-size: .85em;
            border-left: .1px rgb(0,0,0) solid;
            text-align: center;
            vertical-align: middle;
        }
        div.relatorio ul.lancamento li {
            width: 113.5px !important;
        }
        div.relatorio ul.resumo li {
            width: 150px !important;
        }
        div.relatorio ul.lancamento li:first-child, div.relatorio ul.resumo li:first-child {
            border-left: none;
        }
        .erro, .hCentralizadoAvisos {
            color: rgb(255,0,0);
        }
        .hCentralizado, .hCentralizadoAvisos, .erro {
            width: auto;
            line-height: 50px;
            text-align: center;
            margin: 0 auto;
        }
        .labelPequeno {
            width: 150px;
            height: 30px;
            padding: 3px;
            display: inline-block;
        }
        span.vertical {
            -webkit-writing-mode: vertical-lr;
            -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        span.comum {
        }
        div.cabecalhoVertical {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 0 auto;
            width: 800px;
            height: 220px;
            border: .1px rgb(0,0,0) solid;
        }
        div.cabecalhoVertical div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border-right: .1px rgb(0,0,0) solid;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        div.cabecalhoVertical div span {
            text-align: center;
            font-weight: bolder;
        }
  ";

  $html = "    
    <div class='relatorio'>    
        <img src='http://www.wesleyanagceu.com.br/_imgs/gceu.png' /> <h1>Relatório Mensal</h1>    
        <br><br>        
        <div class='cabecalhoVertical'>
            <div style='width:100px;'><span class='comum'   >Nome do Gcéu</span></div>
            <div style='width:100px;'><span class='vertical'>Supervisor</span></div>
            <div style='width:100px;'><span class='comum'   >Líder</span></div>
            <div style='width:050px;'><span class='vertical'>Houve Supervisão</span></div>
            <div style='width:050px;'><span class='vertical'>Houve dia de Jejum</span></div>
            <div style='width:050px;'><span class='vertical'>Houve dia de Evangelismo</span></div>
            <div style='width:050px;'><span class='vertical'>Membros Compromissados</span></div>
            <div style='width:050px;'><span class='vertical'>Visitantes</span></div>
            <div style='width:050px;'><span class='vertical'>Crianças de 0 à 12 anos</span></div>
            <div style='width:050px;'><span class='vertical'>Total de presentes</span></div>
            <div style='width:050px;'><span class='vertical'>Ofertas</span></div>                    
            <div style='width:050px;'><span class='vertical'>Disicpulados</span></div>                    
            <div style='width:050px;'><span class='vertical'>Número de decisões</span></div>                    
        </div>    
        <div class='border cabecalhoVertical' style='backgroud-color:none; height: 50px !important;'>
            <div style='width:100px;'><span class='comum'>Célula 1</span></div>
            <div style='width:100px;'><span class='comum'>Cleonice</span></div>
            <div style='width:100px;'><span class='comum'>Jonas</span></div>
            <div style='width:050px;'><span class='comum'>Não</span></div>
            <div style='width:050px;'><span class='comum'>Não</span></div>
            <div style='width:050px;'><span class='comum'>Não</span></div>
            <div style='width:050px;'><span class='comum'>50</span></div>
            <div style='width:050px;'><span class='comum'>10</span></div>
            <div style='width:050px;'><span class='comum'>13</span></div>
            <div style='width:050px;'><span class='comum'>73</span></div>
            <div style='width:050px;'><span class='comum'>22,65</span></div>                    
            <div style='width:050px;'><span class='comum'>2</span></div>                    
            <div style='width:050px;'><span class='comum'>11</span></div>
        </div>             
        <div class='border cabecalhoVertical' style='backgroud-color:none; height: 50px !important;'>
            <div style='width:100px;'><span class='comum'>Celula 2</span></div>
            <div style='width:100px;'><span class='comum'>Carlos</span></div>
            <div style='width:100px;'><span class='comum'>Jonas</span></div>
            <div style='width:050px;'><span class='comum'>Não</span></div>
            <div style='width:050px;'><span class='comum'>Não</span></div>
            <div style='width:050px;'><span class='comum'>Não</span></div>
            <div style='width:050px;'><span class='comum'>10</span></div>
            <div style='width:050px;'><span class='comum'>5</span></div>
            <div style='width:050px;'><span class='comum'>3</span></div>
            <div style='width:050px;'><span class='comum'>18</span></div>
            <div style='width:050px;'><span class='comum'>78,39</span></div>                    
            <div style='width:050px;'><span class='comum'>3</span></div>                    
            <div style='width:050px;'><span class='comum'>1</span></div>
        </div>             
        <div class='border cabecalhoVertical' style='backgroud-color:none; height: 50px !important;'>
            <div style='width:100px;'><span class='comum'>Celula TOP</span></div>
            <div style='width:100px;'><span class='comum'>Carlos</span></div>
            <div style='width:100px;'><span class='comum'>Carlos</span></div>
            <div style='width:500px;'><span class='comum'>Não houve Reuniões para esse Gcéu</span></div>
        </div>             
        <div class='border cabecalhoVertical' style='backgroud-color:none; height: 50px !important;'>
            <div style='width:100px;'><span class='comum'>Jesuita</span></div>
            <div style='width:100px;'><span class='comum'>Josefina Etelvina</span></div>
            <div style='width:100px;'><span class='comum'>Josefina Etelvina</span></div>
            <div style='width:500px;'><span class='comum'>Não houve Reuniões para esse Gcéu</span></div>
        </div>             
        <div class='border cabecalhoVertical' style='backgroud-color:none; height: 50px !important;'>
            <div style='width:100px;'><span class='comum'>Tassito</span></div>
            <div style='width:100px;'><span class='comum'>Carlos</span></div>
            <div style='width:100px;'><span class='comum'>Carlos</span></div>
            <div style='width:500px;'><span class='comum'>Não houve Reuniões para esse Gcéu</span></div>
        </div>
    </div>";

    require_once "../_scripts/_php/_configuracoes/erros.php";
    require_once "../vendor/autoload.php";

    $pdf = new \Mpdf\Mpdf(['debug' => true]);
    $pdf->AddPage();
    $pdf->charset_in = "UTF-8";
    $pdf->SetFont('Arial','B',16);
    $pdf->WriteHTML( $css, 1 );
    $pdf->WriteHTML( $html );
    $pdf->Output("relatorio.pdf","D");

?>

 

Share this post


Link to post
Share on other sites

olá, nunca usei esse mas com o domPDF eu consigo estilizar cem por cento.

Share this post


Link to post
Share on other sites

mas não seria porque tu não abriu e nem fechou o bloco <style></style>?

Share this post


Link to post
Share on other sites

eu fiz um teste com teu código aqui no dompdf e saiu como no print abaixo

 

dompdf print.jpg

 

da uma olhada. pode ser que talvez tu tens de acertar alguma configuração como por exemplo pra funcionar aqui eu tive que ir no dompdf_config.inc.php e trocar a linha abaixo

 

def("DOMPDF_ENABLE_REMOTE", false);

 

pra

 

def("DOMPDF_ENABLE_REMOTE", true);

 

pra poder pegar a imagem remota

 

Share this post


Link to post
Share on other sites

O meu está assim também.
O problema é o HTML. A tabela
Por favor, tenta com ela também. Ou ela foi para a folha 2?

Parece que sairam 2 folhas no teu PDF.

 

Se foram 2 fohas, Vêja se a tabela saiu perfeita. Tipo, com os textos do cabeçaho na vertial e tals.

Outa coisa, sobre o fechamento <style>. realmente havia me esquecido.

 

Mas não fez diferença.

 

É como se o mPDF não estivesse lendo o CSS

Share this post


Link to post
Share on other sites

tem coisa errada nesse bloco style aí porque sem ele a tabela vai. testa aí pra ver sem essa parte toda do style. aí verifica tudo pra ver. mas precisa mesmo dessa parte porque sem ela o pdf sai no arquivo gerado igual sai com ela no browser...

Share this post


Link to post
Share on other sites

porque sem ele a tabela vai

 

Como assi  a tabela vai: Sem o style tabelas sai deformada, linha por linha, sem as brodas, etc... Não?

testa aí pra ver sem essa parte toda do style.  

 

Como assim. Não entendi.

 

O Css já está pequeno!

 

Ola como devea ser a saida:iNt4G.thumb.jpg.168b4db97c5002a69a44e1ccb85b1733.jpg:No HTML sai assim mas no PDF não

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 EstilloWeb
      Está ocorrendo um erro em meu comando MySQL na ordenação dos resultados. O código é o seguinte:
      $sql_imos4 = "Select DISTINCT imovel FROM propostas ORDER BY id DESC"; $exe_imos4 = mysqli_query($conexao, $sql_imos4); O objetivo é listar uma única vez um imóvel com proposta, mesmo que haja dois ou mais registros, sempre ordenado mais recente. O que está ocorrendo quando o imóvel tem mais de uma proposta cadastrada, a ordenação está sendo feita pelo ID da proposta mais antiga.
      Exemplo:
      imóvel ref. 4528 tem duas propostas, sendo que a mais recente tem o ID 235 porém aparece na listagem abaixo do imóvel ref. 4325, que tem uma só proposta e ID 230.
      O resultado deveria estar invertido neste caso.
      Onde pode estar o erro? Agradeço a ajuda.
    • By tii3030
      Olá, gostaria de saber qual a melhor maneira de selecionar e verificar a senha hash(senha) em um banco de dados e comparar com a senha inserida pelo usuário em um formulário de login. É mais adequado armazenar no BD o salt ? No exemplo abaixo eu criei o hash da senha antes de selecionar no banco:
      <?php include('conf.php'); $email = 'lala@123.com'; $senha = 'lala.123'; $custo = '08'; $salt = 'Cf1f11ePArKlBJomM0F6aJ'; $hash = crypt($senha, '$2a$' . $custo . '$' . $salt . '$'); $query_select = "SELECT email, password FROM usuarios WHERE email = '$email' AND password = '$hash'"; $select = mysqli_query($conexao,$query_select); if (mysqli_num_rows($select) == 1) { echo "Login Permitido"; } else { echo "Login ou senha invalidos"; } ?> Já neste exemplo eu selecionei o hash no banco para depois comparar com a senha inserida no formulário utilizando o password_verify():
      <?php #----------------- INCLUDING FILE --> "conf.php" include('conf.php'); if (isset($_POST['submit'])) { $email = mysqli_real_escape_string($conexao, $_POST['email']); $password = mysqli_real_escape_string($conexao, $_POST['password']); $query_select_email = "SELECT email FROM usuarios WHERE email = '$email'"; $select_email = mysqli_query($conexao,$query_select_email); $query_select_password = "SELECT password FROM usuarios"; $select_password = mysqli_query($conexao,$query_select_password); while($array = mysqli_fetch_array($select_password)) { $logarray = $array['password']; if (password_verify($password, $logarray) && mysqli_num_rows($select_email) == 1) { echo "Login permitido"; } } } ?> Aceito qualquer dica relacionado a segurança e para melhorar o código, desde já agradeço.
    • By tii3030
      Olá pessoal, desenvolvi um pequeno código em PHP com a função de verificar e validar usuário e senha de um formulário, juntamente com o meu banco de dados MySql.
      Gostaria de saber como aprimorar o meu código para torna-lo mais seguro e mais próximo de algo "profissional". Lembrando que minha senha no banco está criptografada (PASSWORD_BCRYPT).
       
      <?php
          #----------------- INCLUDING FILE --> "conf.php"
          include('conf.php');
              if (isset($_POST['submit'])) {
             
      #--------------------------------INPUTS ---------------------------------------------#
                  $email = mysqli_real_escape_string($conexao, $_POST['email']);
                  $password = mysqli_real_escape_string($conexao, $_POST['password']);
      #-----------------------#----------------------#-----------------_#-------------------#
                  $query_select_email = "SELECT email FROM usuarios WHERE email = '$email'";
                  $select_email = mysqli_query($conexao,$query_select_email);
                  $query_select_password = "SELECT password FROM usuarios";
                  $select_password = mysqli_query($conexao,$query_select_password);
                  while($array = mysqli_fetch_array($select_password)) {
                  $logarray = $array['password'];
                  
                      if (password_verify($password, $logarray)) {
                          if (mysqli_num_rows($select_email) == 1) {
                              
                          $_SESSION['email'] = $email;
                          header('location: XXX.html');
                          exit();
                          }
                      }
                      else {
                          echo "Loguin ou senha incorretos";
                      }
                  $logarray = '0';
                  }
              }
      ?>
    • By michelmir
      Olá!
       
      Recentemente fiz uma postagem aqui no fórum a respeito de se carregar valores em um input text baseando-se na opção selecionada em uma select box, onde obtive uma solução. Por conta disso resolvi adicionar um complemento neste  meu código onde o mesmo deve carregar valores corretamente dentro de uma input text utilizando o plugin TypeAhead.js e o evento onchange do Jquery.
       
      Como forma de demonstrar a minha dúvida em funcionamento, criei uma página como forma de testar a solução. O que ocorre é que quando seleciona uma opção no select box  "Categorias", o Ajax manda um request para o php script onde o mesmo retorna os valores corretamente em JSON conforme a imagem do console do navegador Chrome abaixo:
       
       
       
      Até aqui os valores relacionados com a opção selecionada no select box "Categorias" são carregados corretamente porém se eu não atualizar a página "F5" e ao mesmo tempo eu selecionar alguma outra opção dentro do select box, o input text carrega além dos valores relacionados, todos os valores não relacionados com a opção selecionada ou seja, o input text somente carrega os valores corretamente se eu atualizar a página em questão.
       
      Abaixo uma imagem demonstrando os valores carregados em uma input text quando seleciono uma outra opçao no select box quando não se atualiza a página. Todos os valores não relacionados também são carregados:
       

       
      Abaixo publico o html e os scripts Ajax, Typeahead e PHP que estou utilizando neste projeto:
       
      HTML
      <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <!-- jQuery UI library --> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script> </head> <body> <div class="container"> <br> <h1>DYNAMIC TWITTER TYPEAHEAD</h1> <br> <div class="row"> <?php // Include the database config file include_once 'dbConfig.php'; // Fetch all the country data $query = "SELECT * FROM categorias ORDER BY categoria ASC"; $result = $db->query($query); ?> <!-- categoria dropdown --> <div class="col-md-4"> <select id="categoriaFK" name="categoriaFK" class="form-control"> <option value="">seleciona categoria</option> <?php if($result->num_rows > 0){ while($row = $result->fetch_assoc()){ echo '<option value="'.$row['categoriaID'].'">'.$row['categoria'].'</option>'; } }else{ echo '<option value="">Categoria não encontrada</option>'; } ?> </select> </div> <div class="col-md-4" id="prod"> <div ><input type="text" name="produtos" id="produtos" class="form-control input-lg typeahead" autocomplete="off" placeholder="" /></div> </div> <div class="col-md-4"> <div id="imagem" name="imagem"></div> </div> </div> </div> </body> </html>  
      No script abaixo, o Ajax envia um request para o script PHP que por sua vez retorna os valores em JSON para o Ajax que envia para o TypeAhead e carrega o input text com valores relacionados. Após selecionar uma opção no input text, o Jquery envia um valor relacionado para a div "#imagem" :
       
      $(document).ready(function(){ var produtos; var nomes = []; // array var lista = {}; // objeto $('#categoriaFK').on('change', function(){ var queryID = $(this).val(); $.ajax({ url:"fetch.php", method:"POST", data:{categoria:queryID}, dataType:"json", success:function(data){ console.log(data); $.each(data, function(i, optionHtml){ $('#produtos').append(optionHtml); }); $("#imagem").empty(''); $(".typeahead").val(''); produtos = data; } }); $('.typeahead').typeahead({ source: function(query, result) { $.each(produtos, function(idx, item){ if(!~nomes.indexOf(item.nomeProduto)) nomes.push(item.nomeProduto); lista[item.nomeProduto] = item.imagem; }); return result(nomes); }, afterSelect: function (data) { var img = lista[data]; $('#imagem').html(img); }, }); }); });  
      Abaixo, o php script que seleciona os valores baseando-se no valor selecionado do select box e os envia em formato JSON para o Ajax:
       
      <?php require_once 'dbConfig.php'; if(!empty($_POST["categoria"])){ $query = " SELECT * FROM produtos WHERE categoriaFK = ".$_POST['categoria']." "; $result = $db->query($query); $data = array (); if ( $result->num_rows > 0 ) { while($row = $result->fetch_assoc ()) { $data[] = $row; } header("Content-type: application/json; charset=utf-8 cache-control: no-cache, no-store, must-revalidate"); echo json_encode($data); exit(); } } ?> No caso como mencionado acima, nesta página que criei demonstra o funcionamento de todo o código acima, porém acredito que devo modificar o script para que o mesmo carregue valores corretamente quando seleciono alguma opção no select box "Categorias" sem precisar atualizar a página para que o mesmo carregue corretamente. 
       
      Como posso proceder? Desde já agradeço a atenção de todos.
    • By noxer
      Boa tarde, Preciso atribuir o valor de uma textarea para uma var e a exibir em um p. Fiz bem simples usando js/jquery mas agora preciso fazer em php.
       
      Ja tentei $variavel = $_POST['nomedocampo']; mas não obtive resultado
       
       
      Segue o trecho em js
      <textarea class="wapf-input" ></textarea> <button class="sendPDF">PDF</button> <p class="geratedPDF"></p>  
      $('.sendPDF').on('click', toPDF) function toPDF() { var textareaValue = $('.wapf-input').val() $('.geratedPDF').text(textareaValue) }
×

Important Information

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