Bonjour,

Voila je rencontre un petit problème avec mon code.
j'ai utilisé le cakepdf avec l'engine 'tcpdf' donc je veux générer un pdf du view 'view.ctp' qui est dans results/pdf/view.ctp ,j'ai généré mais le probléme qu'il ne lit pas les positions des div et les css et les scripts . il m'affiche le pdf plein des espaces et de texte html

Ce code représente les appelles css

<!DOCTYPE html>
<html>
<head>

    <!-- Basic -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="no-cache">

    <title>Developpez Vos Competences </title>

    <meta name="keywords" content="competence" />
    <meta name="description" content="entrainements pour les certifications ">
    <meta name="author" content="ZCNI">

    <!-- Favicon -->

    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- Web Fonts  -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css">

    <!-- Vendor CSS -->
    <!-- Favicon --><?php  echo $this->Html->css('webroot/chartist.min.css', ['fullBase' => true]);?>
    <link rel="shortcut icon" href="C:/xampp/htdocs/FOCompetence/webroot/img/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" href="C:/xampp/htdocs/FOCompetence/webroot/img/apple-touch-icon.png">

    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- Web Fonts  -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css">

    <!-- Vendor CSS -->
  <?php  echo $this->Html->css('bootstrap/bootstrap.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/vendor/bootstrap/css/bootstrap.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/vendor/font-awesome/css/font-awesome.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/css/theme-elements.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/vendor/simple-line-icons/css/simple-line-icons.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/vendor/owl.carousel/assets/owl.carousel.min.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/vendor/owl.carousel/assets/owl.theme.default.min.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/vendor/magnific-popup/magnific-popup.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/css/theme.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/css/theme-blog.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/css/theme-shop.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/css/theme-animate.css', ['fullBase' => true]);?>

    <!-- Current Page CSS -->
    <?php  echo $this->Html->css('webroot/vendor/rs-plugin/css/settings.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/vendor/rs-plugin/css/layers.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/vendor/rs-plugin/css/navigation.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/vendor/circle-flip-slideshow/css/component.css', ['fullBase' => true]);?>

    <!-- Skin CSS -->
    <?php  echo $this->Html->css('webroot/css/skins/default.css', ['fullBase' => true]);?>
    <?php  echo $this->Html->css('webroot/css/skins/skin-corporate-8.css', ['fullBase' => true]);?>

    <!-- Theme Custom CSS -->
    <?php  echo $this->Html->css('webroot/css/custom.css', ['fullBase' => true]);?>

    <?php  echo $this->Html->css('webroot/assets/stylesheets/sass/modules/ui-elements/_charts.scss', ['fullBase' => true]);?>

    <?php  echo $this->Html->script('webroot/assets/vendor/jquery/jquery.min.js', ['fullBase' => true]);?>
    <?php  echo $this->Html->script('webroot/js/countdown.js', ['fullBase' => true]);?>

    <!-- Head Libs -->
    <?php echo $this->Html->script('webroot/vendor/modernizr/modernizr.js', ['fullBase' => true]);?>

    <?php  echo $this->Html->css('webroot/result.css', ['fullBase' => true]);?>

</head>
<body>

mon originale Template/results/view.ctp est sous cette forme

<!DOCTYPE html>
<html>
<head>

    <!-- Basic -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="no-cache">

    <title>Developpez Vos Competences </title>

    <meta name="keywords" content="competence" />
    <meta name="description" content="entrainements pour les certifications ">
    <meta name="author" content="ZCNI">

    <!-- Favicon -->
    <link rel="shortcut icon" href="../../img/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" href="../../img/apple-touch-icon.png">

    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- Web Fonts  -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css">

    <!-- Vendor CSS -->
    <!-- Favicon --><link rel="stylesheet" href="../../chartist.min.css">
    <link rel="shortcut icon" href="../../img/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" href="../../img/apple-touch-icon.png">

    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- Web Fonts  -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css">

    <!-- Vendor CSS -->
    <link rel="stylesheet" href="../../vendor/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../../vendor/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../../css/theme-elements.css">
    <link rel="stylesheet" href="../../vendor/simple-line-icons/css/simple-line-icons.css">
    <link rel="stylesheet" href="../../vendor/owl.carousel/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="../../vendor/owl.carousel/assets/owl.theme.default.min.css">
    <link rel="stylesheet" href="../../vendor/magnific-popup/magnific-popup.css">
    <link rel="stylesheet" href="../../css/theme.css">
    <link rel="stylesheet" href="../../css/theme-blog.css">
    <link rel="stylesheet" href="../../css/theme-shop.css">
    <link rel="stylesheet" href="../../css/theme-animate.css">

    <!-- Current Page CSS -->
    <link rel="stylesheet" href="../../vendor/rs-plugin/css/settings.css" media="screen">
    <link rel="stylesheet" href="../../vendor/rs-plugin/css/layers.css" media="screen">
    <link rel="stylesheet" href="../../vendor/rs-plugin/css/navigation.css" media="screen">
    <link rel="stylesheet" href="../../vendor/circle-flip-slideshow/css/component.css" media="screen">

    <!-- Skin CSS -->
    <link rel="stylesheet" href="css/skins/default.css">
    <link rel="stylesheet" href="../../css/skins/skin-corporate-8.css">

    <!-- Theme Custom CSS -->
    <link rel="stylesheet" href="../../css/custom.css">

    <link rel="stylesheet" href="../../assets/stylesheets/sass/modules/ui-elements/_charts.scss">

    <script type="text/javascript" src="../../assets/vendor/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../../js/countdown.js"></script>

    <!-- Head Libs -->
    <script src="../../vendor/modernizr/modernizr.js"></script>

    <link rel="stylesheet" href="../../result.css">

je veux que le pdf généré ressemble à cet derniére vue

Aucune réponse