Gå till huvudinnehåll Gå till ytterligare innehåll

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.

Den resulterande e-postrapporten för exemplet

Krav

Steg 1: Läs in exempelkällor

Se exempel-app-källorna här: Exempel på material – Rapportering i appen. Ladda upp app- och datafilerna till ett utrymme och läs sedan in appen igen. Du är nu redo att slutföra exemplet.

Steg 2: Utveckla mallen

Skapa en ny mall

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

  2. Gå till fliken Mallar.

  3. Klicka på Skapa nyHTML-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.

  1. Klicka på Tabeller i objektpanelen.

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

  3. Expandera arket Sales Tables.

  4. Klicka på Plus-symbol-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.

  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.

  1. Klicka på Variabler och uttryck 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.

  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 appens delavsnitt Rapportering. 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 för mer information om distributionslistor.

Steg 4: skapa en rapportuppgift

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

  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 Schemalägg.

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

Steg 5: skicka rapporten

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

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

  3. Klicka på Skicka Skicka nu.

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

Resultat av e-postrapport

Den resulterande e-postrapporten som skickas till användaren, med den inbäddade HTML-mallen återgiven i e-posttexten

Var den här sidan till hjälp för dig?

Om du stöter på några problem med den här sidan eller innehållet på den, t.ex. ett stavfel, ett saknat steg eller ett tekniskt fel – meddela oss!