Premetto di non conoscere bene la sintassi per editare correttamente il file CSS. Sto usando joomla 3.5 e template protostar
Io vorrei stampare un documento in formato A4 i cui dati sono estratti da un database (in particolare una lista fabrik). Per fare questo ho creato un articolo con dei placeholders di fabrik e sono riuscito a creare un pulsante che, partendo da una riga di database, stampa delle informazioni sul record selezionato. Il link generato è:
http://joomla3/index.php/index.php?option=com_content&view=article&id=1¶m1=5¶m2=568&print=1dove l'articolo e il numero 1, mentre param1 e param2 sono parametri che identificano la riga del database.
Il mio problema è che in nesun modo riesco a nascondere dal foglio di stampa alcune caratteristiche del template come il nome del sito, il breadcrumb, il riquadro di login etc.
ho provato a modificare i file index e component .php del template aggiungendo:
// Add Stylesheets
$doc->addStyleSheetVersion($this->baseurl . '/templates/' . $this->template . '/css/template.css');
$doc->addStyleSheetVersion( $this->baseurl . '/templates/' . $this->template . '/css/print.css', 'text/css', 'print');
e ho creato un semplice file print.css tipo questo
body {
background: rgb(204,204,204);
#header {display: none; }
#content { display: none;}
#comments { display: none;}
#sidebar {display: none; }
#footer {display: none; }
}
page {
background: white;
width: 21cm;
height: 29.7cm;
display: block;
margin: 0 auto;
margin-bottom: 0.5cm;
box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
@media print {
body, page {
margin: 0;
box-shadow: 0;
}
}
queste istruzionei generano una pagina html con questa sorgente:
<!DOCTYPE html>
<html lang="it-it" dir="ltr">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8" />
<base href="http://joomla3/index.php/index.php" />
<meta name="author" content="Super User" />
<meta name="robots" content="noindex, nofollow" />
<meta name="description" content="Gestione Ambulatori Dislipidemie e Daibete" />
<meta name="generator" content="Joomla! - Open Source Content Management" />
<title>Gestione Ambulatori</title>
<link href="/templates/protostar/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<link href="/templates/protostar/css/template.css?02db32928492a900022b8010ae9f21cb" rel="stylesheet" />
<link href="/templates/protostar/css/print.css?text/css" rel="stylesheet" type="print" />
<link href="//fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
h1, h2, h3, h4, h5, h6, .site-title {
font-family: 'Open Sans', sans-serif;
}
</style>
<script src="/media/jui/js/jquery.min.js"></script>
<script src="/media/jui/js/jquery-noconflict.js"></script>
<script src="/media/jui/js/jquery-migrate.min.js"></script>
<script src="/media/system/js/caption.js"></script>
<script src="/media/jui/js/bootstrap.min.js"></script>
<script src="/templates/protostar/js/template.js?xxxxxxxxxxxxxxxxxxxxxxxxxxx"></script>
<script>
jQuery(window).on('load', function() {
new JCaption('img.caption');
});
window.setInterval(function(){var r;try{r=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP")}catch(e){}if(r){r.open("GET","/index.php?option=com_ajax&format=json",true);r.send(null)}},840000);
jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
</script>
<!--[if lt IE 9]><script src="/media/jui/js/html5.js"></script><![endif]-->
</head>
<body class="site com_content view-article no-layout no-task">
<!-- Body -->
<div class="body">
<div class="container">
<!-- Header -->
<header class="header" role="banner">
<div class="header-inner clearfix">
<a class="brand pull-left" href="/">
<span class="site-title" title="Gestione Ambulatori">Gestione Ambulatori</span> [/url]
<div class="header-search pull-right">
<>
<>
</header>
<div class="row-fluid">
<main id="content" role="main" class="span9">
<!-- Begin Content -->
<div id="system-message-container">
<>
<div class="item-page" itemscope itemtype="https://schema.org/Article">
<meta itemprop="inLanguage" content="it-IT" />
<div id="pop-print" class="btn hidden-print">
<a href="#" onclick="window.print();return false;">Stampa[/url] <>
<div class="clearfix"> <>
<div itemprop="articleBody">
<p><img src="/images/banners/banner report.jpg" alt="" class="pull-center" /></p>
<p>Caro Collega,</p>
......................................
<p>Cordiali saluti</p>
<p> </p>
<>
<ul itemscope itemtype="https://schema.org/BreadcrumbList" class="breadcrumb">
<li>
Sei qui:
</li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="active">
<span itemprop="name">
Home </span>
<meta itemprop="position" content="1">
</li>
</ul>
<!-- End Content -->
</main>
<div id="aside" class="span3">
<!-- Begin Right Sidebar -->
<div class="well _menu"><h3 class="page-header">Menu Principale</h3><ul class="nav menu">
<li class="item-101 default current active"><a href="/index.php" >Home[/url]</li><li class="item-113"><a href="/index.php/dati-anagrafici" >Dati Anagrafici[/url]</li><li class="item-111"><a href="/index.php/visite" >Archivio Visite[/url]</li><li class="item-116"><a href="/index.php/stampati" >Stampati[/url]</li></ul>
<><div class="well "><h3 class="page-header">Login Form</h3><form action="/index.php/component/content/" method="post" id="login-form" class="form-vertical">
<div class="login-greeting">
Ciao xxxxxxxxxxxxxxx, <>
<div class="logout-button">
<input type="submit" name="Submit" class="btn btn-primary" value="Esci" />
<input type="hidden" name="option" value="com_users" />
<input type="hidden" name="task" value="user.logout" />
<input type="hidden" name="return" value="aHR0cDovL2pvb21sYTMvaW5kZXgucGhwL2luZGV 4LnBocD9vcHRpb249Y29tX2NvbnRlbnQmdmlldz 1hcnRpY2xlJmlkPTEmcGFyYW0xPTUmcGFyYW0yP TU2OCZwcmludD0x" />
<input type="hidden" name="f6aac21c16a6b72dd07a9f311cb4989e" value="1" /> <>
</form>
<>
<!-- End Right Sidebar -->
<>
<>
<>
<>
<!-- Footer -->
<footer class="footer" role="contentinfo">
<div class="container">
<p class="pull-right">
<a href="#" id="back-top">
Torna su [/url]
</p>
<p>
© 2017 Gestione Ambulatori </p>
<>
</footer>
</body>
</html>
ebbene non riesco a nascondere questi elementi
titolo del sito, modulo di login, menu di navigazione etc etc..
come fare a stampare solo il contenuto dell articolo senza tutto il resto??
Grazie!!!
