# Przykład – tworzenie raportu e-mail przy użyciu osadzonego szablonu HTML

W tym przykładzie utworzysz i wyślesz raport, osadzając szablon raportu HTML bezpośrednio w wiadomości e-mail.

Raport e-mail, który zostanie utworzony w tym przykładzie.

Raport e-mail, który zostanie utworzony w tym przykładzie.

Raport e-mail, który zostanie utworzony w tym przykładzie. ![Wynikowy raport e-mail w tym przykładzie](https://help.qlik.com/pl-PL/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_html-example-result.png)

## Wymagania

* Dostawca poczty e-mail skonfigurowany dla Qlik Cloud dzierżawy. Zobacz: [Konfiguracja poczty e-mail na potrzeby raportów i powiadomień](https://help.qlik.com/pl-PL/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-configure-email-support.htm)

* Rola bezpieczeństwa Private Analytics Content Creator lub wystarczająca rola w przestrzeni do tworzenia raportów w przestrzeni współdzielonej. Zobacz: [Uprawnienia](https://help.qlik.com/pl-PL/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-get-started.htm#Permissi)

## Krok 1: przesłanie przykładowych źródeł

Przykładowe źródła aplikacji można znaleźć tutaj: [Przykłady — raportowanie w aplikacji](https://help.qlik.com/pl-PL/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/InAppGeneral/reporting-example-material.htm). Przekaż pliki aplikacji i danych do przestrzeni, a następnie ponownie załaduj aplikację. Możesz ukończyć przykład.

## Krok 2: opracowanie szablonu

### Tworzenie nowego szablonu

Wykonaj następujące czynności:

1. W aplikacji użyj menu rozwijanego na pasku nawigacyjnym i wybierz Raportowanie.

2. Przejdź karty Szablony.

3. W prawym górnym rogu kliknij Utwórz nowy > Szablon HTML.

4. Wprowadź nazwę szablonu.

Otworzy się kreator HTML.

### Dodawanie danych tabelarycznych

Następnie dodaj dane tabelaryczne do szablonu.

Wykonaj następujące czynności:

1. Kliknij the Tabele icon w panelu obiektów.

2. Kliknij Dodaj tabelę. Pojawi się lista dostępnych arkuszy.

3. Rozwiń arkusz Sales Tables.

4. Kliknij ikonę the Symbol plusa icon obok wykresu Yearly Regional Sales.

5. Z menu rozwijanego wybierz pozycję Indywidualne kolumny.

6. W obszarze Wybierz kolumny do dodania wybierz opcję Wszystkie. Kliknij Dodaj.

   Wykres jest dodawany do szablonu jako struktura tabeli.

7. Po wybraniu nowej tabeli zmień jej następujące właściwości w panelu obiektów:

   * W sekcji Ustawienia tabeli wyłącz opcję Zachowaj formaty źródłowe.

   * Przełącz ustawienie Wyświetl nagłówki na Ukryj.

8. W tabeli dodaj nowy wiersz powyżej istniejącej definicji wiersza. Dodaj nowy wiersz poniżej wiersza zawierającego `<tbody><tr>`. Wklej następującą treść:

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

### Nadawanie stylu tabeli

Następnie nadaj styl elementom tabeli, dodając definicje stylów w elemencie HTML `head` oraz wbudowane style w samej strukturze `table`.

Wykonaj następujące czynności:

1. Dodaj nowy wiersz poniżej definicji `title` szablonu.

2. Wklej następującą treść:

   ```
   <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. Zlokalizuj wiersz w strukturze `table`, który definiuje dane. Powinien wyglądać następująco:

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

4. Dodaj `style="text-align: center"` do znacznika otwierającego pierwszy element `td`. Cały wiersz powinien teraz wyglądać następująco:

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

   Powoduje to wyrównanie tekstu w pierwszej kolumnie do środka.

### Dodawanie dynamicznego tytułu

Następnie utwórz wyrażenie do przechowywania obliczeń zakresu lat dla sprzedaży. Następnie umieść to wyrażenie w tytule raportu, aby zostało osadzone jako temat wiadomości e-mail.

Wykonaj następujące czynności:

1. Kliknij the Zmienne i wyrażenia icon w panelu obiektów.

2. Kliknij Dodaj wyrażenie.

3. W polu Nazwa wpisz YearRange.

4. Wklej następujące wyrażenie w polu Wyrażenie:

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

5. Kliknij Utwórz.

6. Na powierzchni projektowej znajdź element title. Zastąp cały wiersz następującym:

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

7. We wklejonym właśnie wierszu umieść kursor po Sales Report:

8. W panelu obiektów kliknij Dodaj znacznik wyrażenia.

9. Wiersz powinien teraz wyglądać następująco:

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

### Dodawanie wprowadzenia i zakończenia

Następnie dodaj powitanie i wprowadzenie, a raport zakończ pozdrowieniami.

Wykonaj następujące czynności:

1. Dodaj nowy wiersz poniżej otwierającego znacznika body.

2. Wklej następującą treść:

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

3. Dodaj nowy wiersz linię poniżej wiersza zawierającego znacznik zamykający tabelę.

4. Wklej następującą treść:

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

### Zapisywanie i finalizacja pracy

Kliknij przycisk Zapisz szablon, aby zapisać pracę. Gotowy kod szablonu powinien wyglądać następująco.

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

## Krok 3: dodawanie listy dystrybucyjnej

Dodaj plik listy dystrybucyjnej na karcie Adresaci lub Grupy w sekcji Raportowanie aplikacji. Sprawdź, czy jesteś adresatem dodanym przy użyciu adresu e-mail i czy lista dystrybucyjna nie zawiera żadnych filtrów ani grup.

Informacje na temat list dystrybucyjnych zawiera temat [Tworzenie listy dystrybucyjnej dla raportu](https://help.qlik.com/pl-PL/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Generate/cloud-in-app-reports-distribution.htm).

## Krok 4: tworzenie zadania raportu

Wykonaj następujące czynności:

1. Otwórz kartę Zadania raportu w sekcji Raportowanie aplikacji.

2. Kliknij Utwórz zadanie raportu. Otworzy się okno dialogowe zadania raportowania.

3. Wprowadź Tytuł zadania raportowania.

4. Opcjonalnie dodaj Opis.

   Na karcie Szablon kliknij Dodaj istniejący szablon. Wybierz szablon opracowany powyżej.

5. Kliknij przycisk Dalej. Okno dialogowe zostanie przełączone na kartę Dane wyjściowe.

6. Na karcie okna dialogowego Dane wyjściowe wpisz Nazwę pliku raportu wyjściowego.

7. Kliknij przycisk Dalej, aby przejść do karty Dystrybuuj okna dialogowego.

8. Dodaj siebie jako odbiorcę raportu wyjściowego.

9. W sekcji E-mail wybierz Raport HTML. Spowoduje to osadzenie raportu w wiadomości e-mail zamiast dołączania go jako pliku.

10. Kliknij przycisk Dalej, aby przejść do karty Harmonogram okna dialogowego.

11. Wybierz domyślne ustawienia harmonogramu i kliknij Zapisz.

## Krok 5: wysyłanie raportu

Wykonaj następujące czynności:

1. Pozostań na karcie Zadania raportu w sekcji Raportowanie aplikacji.

2. Kliknij the Więcej działań icon obok nowego zadania raportowania.

3. Kliknij the Wyślij teraz icon .

Po otrzymaniu wiadomości e-mail otwórz ją, aby zobaczyć wynik.

Wynikowy raport e-mail

Wynikowy raport e-mail

Wynikowy raport e-mail ![Wynikowy raport e-mail wysyłany do użytkownika, pokazujący osadzony szablon HTML renderowany w treści wiadomości e-mail.](https://help.qlik.com/pl-PL/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_html-example-result.png)