Mail Anhänge

Jun 25, 2024
Power Apps Mail mit Anhängen versenden

Mails mit Anhängen direkt aus PowerApps versenden

Ein schneller und einfacher Mailversand hilft dabei, deine App attraktiver und benutzerfreundlicher zu gestalten. Die Möglichkeit, Anhänge zu einer Mail hinzuzufügen wertet diese nochmals auf. Ich zeige dir Schritt für Schritt, wie das geht.  

Schritt 1: E-Mail Bildschirm einfügen

Du kannst mit wenigen Klicks einen Bildschirm zum E-Mail Versand aus deiner App heraus anlegen. Nutze dazu das Template „E-Mail“ in der Option Neuer Bildschirm. Damit wird ein neuer Bildschirm erstellt, der bereits die notwendigen Steuerelemente enthält. Außerdem werden die erforderlichen Konnektoren hinzugefügt, sodass du sofort mit dem E-Mail Versand starten kannst.

 

Schritt 2: Anhang Steuerelement hinzufügen

Um die Funktionalität des E-Mail Versands zu erweitern und Anhänge zu verschicken, musst du ein Anhang Steuerelement einfügen. Da dieses aktuell nicht einzeln eingefügt werden kann, musst du zuerst ein Bearbeitungsformular einfügen und mit einer beliebigen SharePoint Liste verbinden. Dann kannst du das automatisch erzeugte Anhang Steuerelement herauskopieren und das Bearbeitungsformular wieder entfernen. Das Anhang Steuerelement fügst du nun zu deinem E-Mail Versand hinzu.

Damit dieses reibungslos funktioniert, musst du die Fehler, die durch das Kopieren auftreten, beheben. Die Fehler entstehen, da das Element nicht mehr auf das übergeordnete Bearbeitungsformular zugreifen kann.

Schritt 3: Code für E-Mail Versand anpassen

Im Code des E-Mail Versands, der beim Icon hinterlegt ist, musst du jetzt folgende Anpassungen vornehmen:

  1. Funktion anpassen auf SendEmailV2: Dies ist die neue und verbesserte Version von SendEmail
  2. Argumente anpassen: Automatisch werden die Empfänger, der Betreff sowie der Mail-Inhalt übernommen. Die Anhänge musst du nun als Tabelle übergeben, wobei du darauf achten musst, dass die Inhalte als ContentBytes vom Typ Blob (Binary Large Object) definiert sind.

Senden Icon
OnSelect =
Set(_emailRecipientString; Concat(MyPeople; Mail & ";"));; // legt die Emfänger fest
Office365Outlook.SendEmailV2(_emailRecipientString; TextEmailSubject1.Text; TextEmailMessage1.Text;
{
Attachments:RenameColumns(att_Mailanhänge.Attachments;Value;ContentBytes)});;     

 

Schritt 4: Bilder hinzufügen

Bilder kannst du über folgende Steuerelemente hinzufügen:

  1. Bild hinzufügen Steuerelement
    Dieses funktioniert ähnlich dem Anhang Steuerelement, wobei hier nur Bilddateien ausgewählt werden können.
  2. Kamera Steuerelement
    Hiermit kannst du die integrierte oder angeschlossene Kamera ansprechen und aktuell erzeugte Bilder verwenden.
  3. Stifteingabe Steuerelement
    Damit kannst du z.B. Unterschriften sammeln und der E-Mail hinzufügen.
    (Hier findest du mehr Details zum Unterschriften sammeln)

 

Schritt 5: Bilder Anhängen oder im E-Mail Inhalt integrieren

Die ausgewählten bzw. erzeugten Bilder kannst du jetzt als normalen Anhang deiner E-Mail hinzufügen. Optional kannst du diese auch direkt im Mail-Inhalt integrieren.

Senden Icon
OnSelect =
Set(_emailRecipientString; Concat(MyPeople; Mail & ";"));; // legt die Emfänger fest

//Mail versenden: Stifteingabe Steuerelement
Office365Outlook.SendEmailV2(_emailRecipientString; TextEmailSubject1.Text;
TextEmailMessage1.Text & "<br><br><img src=" & JSON(PenInput1.Image;JSONFormat.IncludeBinaryData) & "></img>";
{
Attachments:Table({Name:"Stifteingabe Steuerelement.png";ContentBytes:PenInput1.Image})});;

//Mail versenden: Kamera Steuerelement
Office365Outlook.SendEmailV2(_emailRecipientString; TextEmailSubject1.Text;
TextEmailMessage1.Text & "<img src=" & JSON(Camera4.Stream;JSONFormat.IncludeBinaryData) & "></img>";
{
Attachments:Table({Name:"Kamera Steuerelement.png";ContentBytes:Camera4.Stream})});;  

//Mail versenden: Bild hinzufügen
Office365Outlook.SendEmailV2(_emailRecipientString; TextEmailSubject1.Text;
TextEmailMessage1.Text & "<br><br><img src=" & JSON(UploadedImage1.Image;JSONFormat.IncludeBinaryData) & "></img>";
{
Attachments:Table({Name:"Hinzugefügtes Bild.jpg";ContentBytes:UploadedImage1.Image})});;

 

Ich hoffe diese Schritt für Schritt Anleitung hilft dir dabei, den E-Mail Versand in deinen Apps zu verbessern.

Melde dich gerne für meinen Newsletter an, in dem ich dir Tipps und Tricks rund um Power Apps & Power Automate zusende.

Hier gehts zum Detailvideo: