Autore Topic: protostar, rimuovere titoli, breadcrumb etc. da print popup .  (Letto 369 volte)

Offline notoddd

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo






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&param1=5&param2=568&print=1


dove 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:


Codice: [Seleziona]

// 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


Codice: [Seleziona]


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:


Codice: [Seleziona]

<!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>&nbsp;</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>
            &copy; 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!!!





Offline notoddd

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo
Re:protostar, rimuovere titoli, breadcrumb etc. da print popup .
« Risposta #1 il: 22 Apr 2017, 13:45:42 »
Aggiornamento sul tema:
ho risolto parte dei problemi duplicando il template e rimuovendo sul template copiato tutto quello che non serviva tramite i comandi dal lato amministratore. Via il modulo di login, il titolo del sito etc..
L'unica cosa che non riesco ad eliminare è il bordo grigio che circonda l'articolo quando lo stampo, sia da Chrome che da Firefox. Ho provato a i disinserire vari tipi di border dai file template.css  e print.css, ma non è cambiato nulla...
C'è qualcuno che può aiutarmi????
Perfavore, non so più cosa tentare...

Offline notoddd

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo
Re:protostar, rimuovere titoli, breadcrumb etc. da print popup .
« Risposta #2 il: 27 Apr 2017, 14:08:32 »
Possibile che nessuno abbia un consiglio da dare!!! Un suggerimento, un idea.. credo che mi rivolgerò altrove... grazie di tutto...

 

Torna su