Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

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");

?>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros 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

 

Compartilhar este post


Link para o post
Compartilhar em outros 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

Compartilhar este post


Link para o post
Compartilhar em outros 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...

Compartilhar este post


Link para o post
Compartilhar em outros 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

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Por favor, me permita tirar uma dúvida com os amigos.

      Tenho um Formulário onde o Usuário digita todos os Dados necessários.

      Minha dúvida:
      --> como faço após o usuário digitar os dados e salvar, o Sistema chamar uma Modal ou mensagem perguntando se deseja imprimir agora ?

      Grato,
       
      Cesar
    • Por Carcleo
      Tenho uma abela de usuarios e uma tabela de administradores e clientes.
      Gostaria de uma ajuda para implementar um cadastro
       
      users -> name, login, passord (pronta) admins -> user_id, registratiom, etc.. client -> user_id, registratiom, etc...
      Queria ajuda para extender de user as classes Admin e Client
      Olhem como estáAdmin
      <?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Admin extends User {     use HasFactory;            protected $fillable = [         'name',         'email',         'password',         'registration'     ];      private string $registration;     public function create(         string $name,          string $email,          string $password,         string $registration     )     {         //parent::create(['name'=>$name, 'email'=>$email, 'password'=>$password]);         parent::$name = $name;         parent::$email = $email;         parent::$password = $password;         $this->registration = $registration;     } } User
      <?php namespace App\Models; // use Illuminate\Contracts\Auth\MustVerifyEmail; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Foundation\Auth\User as Authenticatable; use Illuminate\Notifications\Notifiable; use Illuminate\Database\Eloquent\Relations\BelongsToMany; class User extends Authenticatable {     /** @use HasFactory<\Database\Factories\UserFactory> */     use HasFactory, Notifiable;     static string $name;     static string $email;     static string $password;     /**      * The attributes that are mass assignable.      *      * @var list<string>      */     protected $fillable = [         'name',         'email',         'password',     ];          /**      * The attributes that should be hidden for serialization.      *      * @var list<string>      */     protected $hidden = [         'remember_token',     ];     /**      * Get the attributes that should be cast.      *      * @return array<string, string>      */     protected function casts(): array     {         return [             'email_verified_at' => 'datetime',             'password' => 'hashed',         ];     }          public function roles() : BelongsToMany {         return $this->belongsToMany(Role::class);     }       public function hasHole(Array $roleName): bool     {                 foreach ($this->roles as $role) {             if ($role->name === $roleName) {                 return true;             }         }         return false;     }         public function hasHoles(Array $rolesName): bool     {                 foreach ($this->roles as $role) {             foreach ($rolesName as $rolee) {             if ($role->name === $rolee) {                 return true;             }          }         }         return false;     }         public function hasAbility(string $ability): bool     {         foreach ($this->roles as $role) {             if ($role->abilities->contains('name', $ability)) {                 return true;             }         }         return false;     }     } Como gravar um Admin na tabela admins sendo que ele é um User por extensão?
      Tentei assim mas é claro que está errado...
      public function store(Request $request, Admin $adminModel) {         $dados = $request->validate([             "name" => "required",             "email" => "required|email",             "password" => "required",             "registration" => "required"         ]);         $dados["password"] =  Hash::make($dados["password"]);                  $admin = Admin::where("registration",  $dados["registration"])->first();                  if ($admin)              return                    redirect()->route("admin.new")                             ->withErrors([                                 'fail' => 'Administrador já cadastrados<br>, favor verificar!'                   ]);                            $newAdmin = $adminModel->create(                                    $dados['name'],                                    $dados['email'],                                    $dados['password'],                                    $dados['registration']                                 );         dd($newAdmin);         $adminModel->save();         //$adminModel::create($admin);                  return redirect()->route("admin.new")->with("success",'Cadastrado com sucesso');     }  
    • Por violin101
      Caros amigos, saudações.
       
      Gostaria de tirar uma dúvida com os amigos, referente a PDV.
       
      Estou escrevendo um Sistema com Ponto de Vendas, a minha dúvida é o seguinte, referente ao procedimento mais correto.

      Conforme o caixa vai efetuando a venda, o Sistema de PDV já realiza:
      a baixa direto dos produtos no estoque
      ou
      somente após concretizar a venda o sistema baixa os produtos do estoque ?
       
      Grato,
       
      Cesar
       
    • Por violin101
      Caros amigos do grupo, saudações e um feliz 2025.
       
      Estou com uma pequena dúvida referente a Teclas de Atalho.

      Quando o Caps Lock está ativado o Comando da Tecla de Atalho não funciona.
      ou seja:
      se estiver para letra minúscula ====> funciona
      se estiver para letra maiúscula ====> não funciona
       
      Como consigo evitar essa falha, tanto para Letra Maiúscula quanto Minúscula ?

      o Código está assim:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'r' ) return;// Não é Ctrl+r, portanto interrompemos o script evt.preventDefault(); });  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.