Export d'une entrée de formulaire au format PDF

Cette page ne doit être appliquée que si le script vous demande de passer la migration manuelle code.20260807.FORMS.AddPDFExport

A partir de la version 2.30 du plugin Forms, il est possible d'exporter une entrée de formulaire au format PDF dans les différents tableau de bord.

Bouton d'export PDF

Sur les deux services Mes Soumissions et Tableau de Bord, le bouton Télécharger (.pdf) est présent dans la boite de dialogue qui permet d'afficher les données de l'entrée.

Voici un exemple de rendu :

Si ce bouton n'est pas présent, c'est que vous avez une surcharge de ces services dans votre charte graphique. Il faut donc ajouter le template download-entry-pdf à deux endroits différents :

Le template show-answer-popup

<!-- Download link is auto-generated when showing answer -->
<xsl:call-template name="download-entry-pdf" />

Voici un exemple d'intégration de la charte Intranet

<xsl:template name="show-answer-popup">
   <div class="dashboard-popup dashboard-entry-answers" data-dashboard-popup="{$uniqueId}" data-dashboard-entry-answers="{$uniqueId}" style="display:none;" role="dialog" aria-modal="true" aria-labelledby="dashboard-entry-answers-title-{$uniqueId}">
     <button type="button" onclick="onHideEntry_{$uniqueId}()" class="close" title="skin.{$skin}:SKIN_SERVICES_FORMS_DASHBOARD_CLOSE" i18n:attr="title"><i class="fas fa-times" aria-hidden="true"></i></button>
     <h1 class="header" id="dashboard-entry-answers-title-{$uniqueId}" data-dashboard-entry-values-title="{$uniqueId}" data-dashboard-title-attr="true"></h1>

     <div class="innercontent" data-dashboard-entry-values="{$uniqueId}">
        <!-- Rendered by entry-information.xsl -->
     </div>

     <div class="bottom">
        <!-- Download link is auto-generated when showing answer -->
        <xsl:call-template name="download-entry-pdf" />
     </div>

 </div>
</xsl:template>

 

Le template action[@type='edit-by-submitter']

<!-- Download link is auto-generated when showing answer -->
<xsl:call-template name="download-entry-pdf" >
   <xsl:with-param name="dataId" select="concat($uniqueId, concat('-', ../@id))"/>
</xsl:call-template>

Voici un exemple d'intégration de la charte Intranet

<xsl:template match="action[@type='edit-by-submitter']" mode="action-dialog">
 <div class="dashboard-popup dashboard-edit" data-dashboard-popup="{$uniqueId}" data-dashboard-edit-dialog="{../@formId}-{../@id}-{@id}" style="display:none;" role="dialog" aria-modal="true" aria-labelledby="dashboard-popup-header-{generate-id()}">
     <h1 class="header" id="dashboard-popup-header-{generate-id()}"><xsl:value-of select="."/></h1>
     <div class="innercontent">
        <div data-dashboard-edit-values="{../@formId}-{../@id}-{@id}">
           <!-- Rendered by edit.xsl -->
        </div>

        <xsl:apply-templates select="." mode="action-dialog-loader"/>
     </div>

     <div class="bottom">
        <!-- Download link is auto-generated when showing answer -->
        <xsl:call-template name="download-entry-pdf" >
           <xsl:with-param name="dataId" select="concat($uniqueId, concat('-', ../@id))"/>
        </xsl:call-template>

        <div class="buttons">
           <button type="button" class="btn" onclick="DashboardHelper.editFormEntry('{$uniqueId}', '{../@formId}', '{../@id}', '{@id}'>
               <span><i18n:text i18n:key="PLUGINS_FORMS_SERVICE_DASHBOARD_OK_BUTTON" i18n:catalogue="plugin.forms"/></span>
           </button>
           <button type="button" class="btn" onclick="onHideActionDialog_{$uniqueId}()">
              <span><i18n:text i18n:key="PLUGINS_FORMS_SERVICE_DASHBOARD_CANCEL_BUTTON" i18n:catalogue="plugin.forms"/></span>
           </button>
        </div>
     </div>
 </div>
</xsl:template>

PDF de rendu d'une entrée

Le PDF de rendu d'une entrée a été intégrée par les chartes Intranet, Intranet cards, Intranet Search et ODF Orientation.
Mais il est intégré avec les logos et les couleurs d'Ametys. Il faut appliquer une surcharge coté projet pour y mettre les couleurs et le logo associés.

Pour les logos

Il faut appliquer une surcharge sur le fichier entry2fo.xsl

Voici un exemple d'intégration de la charte Intranet

<xsl:import href="plugin:forms://stylesheets/forms/pdf/entry2fo.xsl"/>

<xsl:variable name="skin" select="ametys:skin()"/>

<xsl:template name="xsl-region-before">
 <fo:static-content flow-name="xsl-region-before" space-after="1cm">
     <xsl:call-template name="xsl-region-before-content"/>
 </fo:static-content>
</xsl:template>

<xsl:template name="xsl-region-before-content">
 <fo:block margin-top="0cm" margin-right="1.5cm" margin-left="1.5cm">
     <fo:external-graphic src="url('skin:{$skin}://resources/templates/common/img/logo-colorful.svg')" content-width="scale-to-fit" content-height="1.5cm" vertical-align="top" margin-left="1cm"/>
     <fo:external-graphic src="url('skin:{$skin}://resources/templates/common/img/header.png')" width="14.99cm" height="2cm" content-width="scale-to-fit" />
 </fo:block>
</xsl:template>

<xsl:template name="footer-logo">
 <fo:table-cell vertical-align="middle" text-align="right" padding-right="1.5cm">
     <fo:block><fo:external-graphic src="url('skin:{$skin}://resources/templates/common/img/logo-small.svg')" width="1cm" height="2cm" content-width="scale-to-fit" text-align="right"/></fo:block>
 </fo:table-cell>
</xsl:template>

 

Pour les couleurs et la mise en forme :

Il faut appliquer une surcharge sur le fichier fo-styling.xsl

Voici un exemple d'intégration de la charte Intranet

<xsl:import href="plugin:forms://stylesheets/forms/pdf/fo-styling.xsl"/>

<xsl:variable name="primary-color">#795198</xsl:variable>

<xsl:attribute-set name="header-style">
 <xsl:attribute name="font-family">Roboto, sans-serif</xsl:attribute>
 <xsl:attribute name="background-color"><xsl:value-of select="$primary-color"/></xsl:attribute>
 <xsl:attribute name="color">#FFFFFF</xsl:attribute>
 <xsl:attribute name="padding-bottom">5mm</xsl:attribute>
 <xsl:attribute name="padding-top">5mm</xsl:attribute>
 <xsl:attribute name="margin-top">-0.35cm</xsl:attribute>
</xsl:attribute-set>

<xsl:attribute-set name="header-title-style">
 <xsl:attribute name="margin-left">5mm</xsl:attribute>
 <xsl:attribute name="font-size">20px</xsl:attribute>
</xsl:attribute-set>

<xsl:attribute-set name="information-block-style">
 <xsl:attribute name="margin-top">2mm</xsl:attribute>
 <xsl:attribute name="background-color">#f9f1fe</xsl:attribute>
 <xsl:attribute name="border-color"><xsl:value-of select="$primary-color"/></xsl:attribute>
 <xsl:attribute name="border-style">solid</xsl:attribute>
 <xsl:attribute name="border-width">.1mm</xsl:attribute>
</xsl:attribute-set>

<xsl:attribute-set name="information-block-header-style">
 <xsl:attribute name="color"><xsl:value-of select="$primary-color"/></xsl:attribute>
 <xsl:attribute name="margin-left">5mm</xsl:attribute>
 <xsl:attribute name="padding-top">4mm</xsl:attribute>
 <xsl:attribute name="padding-bottom">4mm</xsl:attribute>
 <xsl:attribute name="font-size">14px</xsl:attribute>
</xsl:attribute-set>

<xsl:attribute-set name="information-block-body-style">
 <xsl:attribute name="margin-left">5mm</xsl:attribute>
 <xsl:attribute name="padding-bottom">4mm</xsl:attribute>
 <xsl:attribute name="font-size">10px</xsl:attribute>
</xsl:attribute-set>

<xsl:attribute-set name="information-block-body-item-style">
 <xsl:attribute name="margin-top">1mm</xsl:attribute>
</xsl:attribute-set>

<xsl:attribute-set name="information-block-body-item-title-style">
 <xsl:attribute name="font-weight">bold</xsl:attribute>
</xsl:attribute-set>

<xsl:attribute-set name="form-entry-data-block-header-style">
 <xsl:attribute name="margin-top">5mm</xsl:attribute>
 <xsl:attribute name="border-bottom-color"><xsl:value-of select="$primary-color"/></xsl:attribute>
 <xsl:attribute name="border-bottom-style">solid</xsl:attribute>
 <xsl:attribute name="border-bottom-width">.1mm</xsl:attribute>
</xsl:attribute-set>

<xsl:attribute-set name="form-entry-data-block-header-title-style">
 <xsl:attribute name="font-size">14px</xsl:attribute>
 <xsl:attribute name="margin-bottom">2mm</xsl:attribute>
 <xsl:attribute name="color"><xsl:value-of select="$primary-color"/></xsl:attribute>
</xsl:attribute-set>

<xsl:attribute-set name="question-style">
 <xsl:attribute name="padding-top">5mm</xsl:attribute>
</xsl:attribute-set>

<xsl:attribute-set name="question-title-style">
 <xsl:attribute name="color"><xsl:value-of select="$primary-color"/></xsl:attribute>
 <xsl:attribute name="margin-left">5mm</xsl:attribute>
 <xsl:attribute name="font-size">12px</xsl:attribute>
</xsl:attribute-set>

<xsl:attribute-set name="question-value-style">
 <xsl:attribute name="margin-left">5mm</xsl:attribute>
 <xsl:attribute name="margin-top">2mm</xsl:attribute>
 <xsl:attribute name="font-size">12px</xsl:attribute>
</xsl:attribute-set>

 

 

Retour en haut