# Exempel – Skapa en e-postrapport med hjälp av en inbäddad HTML-mall

I det här exemplet kommer du att skapa och skicka en rapport genom att bädda in en HTML-rapportmall direkt i ett e-postmeddelande.

E-postrapport som du kommer att skapa i det här exemplet.

E-postrapport som du kommer att skapa i det här exemplet.

E-postrapport som du kommer att skapa i det här exemplet. ![Den resulterande e-postrapporten för exemplet](https://help.qlik.com/sv-SE/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_html-example-result.png)

## Krav

* E-postleverantör konfigurerad för Qlik Cloud klientorganisation. Se: [Konfigurera e-post för rapporter och meddelanden](https://help.qlik.com/sv-SE/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-configure-email-support.htm)

* Säkerhetsrollen Private Analytics Content Creator, eller tillräckligt omfattande roll i utrymmet för rapportutveckling i ett delat utrymme. Se: [Behörigheter](https://help.qlik.com/sv-SE/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-get-started.htm#Permissi)

## Steg 1: Läs in exempelkällor

Se exempel-applikationskällorna här: [Exempel – Rapportering i applikation](https://help.qlik.com/sv-SE/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/InAppGeneral/reporting-example-material.htm). Ladda upp applikationen och datafilerna till ett utrymme, och ladda sedan om applikationen. Du är redo att slutföra exemplet.

## Steg 2: Utveckla mallen

### Skapa en ny mall

Gör följande:

1. Använd listrutan i navigeringsfältet i din applikation och välj Rapportering.

2. Gå till fliken Mallar.

3. Klicka på Skapa ny > HTML-mall längst upp till höger.

4. Ange ett namn för mallen.

Designern HTML öppnas.

### Lägg till tabelldata

Lägg sedan till tabelldata i mallen.

Gör följande:

1. Klicka på the Tabeller icon i objektpanelen.

2. Klicka på Lägg till tabell. En lista med tillgängliga diagram visas.

3. Expandera arket Sales Tables.

4. Klicka på the Plus-symbol icon-ikonen bredvid Yearly Regional Sales-diagrammet.

5. I rullgardinsmenyn väljer du Individuella kolumner.

6. Välj alla under kolumner att lägga till. Klicka på Lägg till.

   Diagrammet läggs till som en tabellstruktur i mallen.

7. När du har markerat den nya tabellen ändrar du följande egenskaper för tabellen i objektpanelen:

   * Under Tabellinställningar stänger du av Behåll källformat.

   * Ändra Displayrubriker till Dölj.

8. I tabellen lägger du till en ny rad ovanför den befintliga raddefinitionen. Lägg till en ny rad under den rad som innehåller `<tbody><tr>`. Klistra in följande:

   ```
   <th>Order year</th>
   <th>Region</th>
   <th>Sales</th>
   </tr>
   <tr>
   ```

### Formatera tabellen

Därefter formaterar du tabellelementen genom att lägga till formateringar i HTML `head` och inline-formatering´i själva `table`-strukturen.

Gör följande:

1. Lägg till en ny rad under definitionen av `title` för mallen.

2. Klistra in följande:

   ```
   <style>html { font-family: sans-serif }
   table { border: 2px solid #000000 }
   tr, th, td { border: 1px solid #000000 }
   th { font-size: large }
   td { font-size: medium }</style>
   ```

3. Plats för den rad i `table`-strukturen som definierar data. Det ska se ut så här:

   ```
   <td>%%OrderYear%%</td><td>%%Region%%</td><td>%%Sales%%</td>
   ```

4. Lägg till `style="text-align: center"` till den inledande taggen i det första `td`-elementet. Hela raden ska nu se ut så här:

   ```
   <td style="text-align: center">%%OrderYear%%</td><td>%%Region%%</td><td>%%Sales%%</td>
   ```

   Detta justerar texten i den första kolumnen så att den blir centrerad.

### Lägga till en dynamisk titel

Skapa sedan ett uttryck för att lagra beräkningen av årsintervallet för din försäljning. Införliva sedan detta uttryck i rapporttiteln så att det bäddas in som ämne i e-postmeddelandet.

Gör följande:

1. Klicka på the Variabler och uttryck icon i objektpanelen.

2. Klicka på Lägg till uttryck.

3. I fältet Namn skriver du YearRange.

4. Klistra in följande uttryck i fältet Uttryck:

   ```
   = min(OrderYear)& ' - ' & max(OrderYear)
   ```

5. Klicka på Skapa.

6. På designytan hittar du elementet title. Ersätt hela raden med följande:

   ```
   <title>Sales Report: </title>
   ```

7. På raden som du just klistrade in, placera markören efter Sales Report:

8. Klicka på Lägg till uttryckstagg i objektpanelen.

9. Linjen ska nu vara:

   ```
   <title>Sales Report: %YearRange%%</title>
   ```

### Lägg till inledande och avslutande satser

Lägg sedan till en hälsning och ett inledande uttalande och avsluta rapporten med en avslutande komplimang.

Gör följande:

1. Lägg till en ny rad under den inledande body-taggen.

2. Klistra in följande:

   ```
       <p>Hello,</p>
       <p>The table below outlines regional sales details for the requested years.</p>
   ```

3. Lägg till en ny rad under den rad som innehåller den avslutande taggen för tabellen.

4. Klistra in följande:

   ```
       <p>Regards,</p>
       <p>- Management</p>
   ```

### Spara och avsluta ditt arbete

Klicka på Spara mall för att spara ditt arbete. Den färdiga mallkoden ska se ut som följer.

```
<html><head>
  <title>Sales Report: %%YearRange%%</title>
<style>html { font-family: sans-serif }
table { border: 2px solid #000000 }
tr, th, td { border: 1px solid #000000 }
th { font-size: large }
td { font-size: medium }</style>
  </head>
  <body>
    <p>Hello,</p>
    <p>The table below outlines regional sales details for the requested years.</p>
    <table cellspacing="0" style="border-collapse: collapse">
    <tbody><tr>
      <th>Order year</th>
      <th>Region</th>
      <th>Sales</th>
      </tr>
      <tr>
      <td style="text-align: center">%%OrderYear%%</td><td>%%Region%%</td><td>%%Sales%%</td></tr>
    </tbody></table>
    <p>Regards,</p>
    <p>- Management</p>
</body></html>
```

## Steg 3: lägg till distributionslista

Lägg till en distributionslistfil under fliken Mottagare eller Grupper i applikationens delavsnitt Rapporter. Kontrollera att du är tillagd som mottagare via e-post och att distributionslistan inte innehåller några filter eller grupper.

Se [Skapa en distributionslista för din rapport](https://help.qlik.com/sv-SE/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Generate/cloud-in-app-reports-distribution.htm) för mer information om distributionslistor.

## Steg 4: skapa en rapportuppgift

Gör följande:

1. Öppna fliken Rapportuppgifter i delavsnittet Rapporter i applikationen.

2. Klicka på Skapa rapportuppgift. Dialogen för rapportuppgiften öppnas.

3. Ange en Rubrik för din rapportuppgift.

4. Du kan även lägga till en Beskrivning.

   I dialogrutan Mall klickar du på Lägg till befintlig mall. Välj den mall som du utvecklade ovan.

5. Klicka på Nästa. Dialogen flyttas till fliken Utdata.

6. I dialogrutan Utdata anger du ett Filnamn för rapportutdata.

7. Klicka på Nästa för att fortsätta till dialogrutan Distribuera.

8. Lägg till dig själv som mottagare av rapportutdata.

9. Under E-post väljer du HTML-rapport. Detta gör att rapporten bäddas in i e-postmeddelandet i stället för att bifogas som en fil.

10. Klicka på Nästa för att fortsätta till dialogrutan Schema.

11. Välj standardinställningarna för schemaläggning och klicka på Spara.

## Steg 5: skicka rapporten

Gör följande:

1. Stå kvar på fliken Rapportuppgifter i delavsnittet Rapporter i applikationen.

2. Klicka på the Fler åtgärder icon bredvid den nya rapportuppgiften.

3. Klicka på the Skicka nu icon .

När e-postmeddelandet kommer öppnar du det för att se resultatet.

Resultat av e-postrapport

Resultat av e-postrapport

Resultat av e-postrapport ![Den resulterande e-postrapporten som skickas till användaren, med den inbäddade HTML-mallen återgiven i e-posttexten](https://help.qlik.com/sv-SE/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_html-example-result.png)