Power Apps Attachment Control – How to Use

    Recently, I was working on the Power Apps attachment control to send an email with an attachment. So I thought to share a complete post on this.

    This article explains everything about PowerApps attachment control and its properties. Also, we will see how to add Power Apps attachment to SharePoint List and many more like:

    • Power Apps Send Email with Attachment
    • How to Reset Attachment Control in Power Apps
    • Power Apps Attachment Control Limitations

    Attachment Control in Power Apps

    PowerApps Attachment Control helps users upload and delete files from the SharePoint list or a Common Data Service entity.

    Power Apps attachment control allows users to upload, view, and manage attachments within their apps. Also, it provides a convenient way to handle files such as images, documents, or any other type of files.

    attachment control in power apps

    Power Apps Attachment Control Properties

    Next, I will show the PowerApps attachment control properties. Have a look at the table below.

    PropertyDescription
    ItemsThis property specifies the files that can be downloaded
    MaxAttachmentsThe control will accept the maximum number of files
    MaxAttachmentSize Currently, the maximum attachment file size limit is 1 MB here is 1,000,000 bytes (106 B) or 1,000 KB
    OnAddFileWhen a user adds a new file attachment, it specifies how the app responds
    OnRemoveFileWhen a user deletes an existing attachment, it specifies how the app responds
    OnUndoRemoveFileWhen a user restores a deleted attachment, it specifies how the app responds
    AddAttachmentTextThis property specifies the label text for the link used to add a new attachment
    DisplayModeIt specifies whether the control allows adding and deleting files (Edit), only displays data (View), or is disabled (Disabled)
    MaxAttachmentsText When the control contains the maximum number of files allowed, the text that replaces the “Attach file” link
    NoAttachmentsTextIf there are no files attached in the attachment control, then an informational text is shown to the user
    TabIndexIt specifies the Keyboard navigation order in relation to other controls
    VisibleThis property specifies whether the attachment control is visible or hidden

    Add Power Apps Attachment to SharePoint List

    To add the Power Apps attachment control to the SharePoint list, follow the below-mentioned steps. Such as:

    1. On the Power Apps Screen -> Insert an Edit form control and connect it to the SharePoint Online list [Company Information].

    powerapps attachment control

    2. When you add the SharePoint List to the Edit form, by default, an Attachment file is also added. On the other hand, click on the Fields option, choose the Attachments field, and click on the Add button.

    attachment control in powerapps

    3. Now, insert the Button control [Submit] and set its OnSelect property to the code below.

    OnSelect = SubmitForm(frm_Records);
    ResetForm(frm_Records)

    Where,

    • frm_Records = Power Apps Edit form control name

    NOTE:

    Whenever you want to add a new record from Power Apps form to the SharePoint list, you should make the Form’s control Display mode property as “New.”
    power apps attachment control

    4. Once your app is ready, Save, Publish, and Preview the app. Whenever the user adds a new record with respective attachments, it will be saved on the SharePoint list, as shown below.

    This way, you can add Power Apps attachment control to the SharePoint list.

    power apps attachment control to sharepoint list

    Power Apps Send Email with Attachment

    Suppose you want to send a single or multiple Email attachment files to any user in your organization. In this case, you can use the Powerapps Office 365 Connector.

    Have a look at the below screenshot for the output.

    power apps attachment size limit

    To work around this, follow the below steps. Such as:

    1. First, connect the Office356Users and Office365Outlook data sources to the Power Apps Canvas app, as in the screenshot below.

    powerapps send an email with attachment

    2. Next, on the Power Apps Screen -> To send an email to the specific user, insert a Text input control and set its Default property as blank.

    power apps send an email with attachment

    3. For Email Subject, insert a Text input control and set its Default property to Blank(“”).

    power apps send email with an attachment

    4. For the Email body, insert a Text input control, set its Mode property as “TextMode.MultiLine, “ and set its Default property as Blank.

    office365outlook sendemailv2 attachment in powerapps

    5. For the Attachment file, connect the SharePoint Online list [Company Information] and add an Edit form control.

    6. When you add the SharePoint List to the Edit form, by default, an Attachment file is also added. Unlock the Attachments Data card -> Cut (Ctrl+X) and paste (Ctrl+V) the Attachment Data card outside of the Edit Form.

    power apps email attachment

    7. When you move the Attachment data card to the outside, then some error will appear on the data card properties, as you can see in the above screenshot. Select the Attachment control and fix the below issues, such as:

    • BorderColor: RGBA(89,0,0,1)
    • Items: Remove it and make it Blank
    • Tooltip: Remove it and make it Blank
    • DisplayMode: DisplayMode.Edit
    powerapps email attachment

    8. Finally, insert a Button control [Send an Email] and set its OnSelect property to the code below.

    Items = Office365Outlook.SendEmailV2(
        txt_EmailRecipitent.Text,
        txt_EmailSubject.Text,
        txt_EmailBody.Text,
        {
            Attachments: ForAll(
                Attachments.Attachments,
                {
                    ContentBytes: Value,
                    Name: Name
                }
            )
        }
    )

    Where,

    • txt_EmailRecipitent = Text input control name (To)
    • txt_EmailSubject = Text input control name (Email Subject)
    • txt_EmailBody = Text input control name (Email Body)
    • Attachments = Attachment control name
    add attachment control in powerapps

    8. Save, Publish, and Preview the app. Enter the To field, Email Subject, and Email Body field value. Also, attach some files from your desktop by using the Attach file option [You can attach only those files whose size limit is 10 MB.] and click on the Send an Email button.

    send email with attachment in powerapps

    10. Now, the specific user [Johanna Lorenz] will get the Powerapps Email attachments, as shown in the screenshot below.

    This way, you can add the PowerApps send email with an attachment.

    send email with attachment in power apps

    Reset Attachment Control in Power Apps

    To reset the Power Apps attachment control, follow the below steps.

    1. I will also take the above Power Apps form control [frm_Records] for this reset attachment control.

    2. Now, insert another button control [Reset] under the Power Apps form and set its OnSelect property to the code below.

    OnSelect = ResetForm(frm_Records);NewForm(frm_Records)
    reset attachment control powerapps

    3. Preview the app and click on the Reset button. Then, you can see all the attachment files will clear from the attachment control at a time.

    This is how we can reset or clear the Power Apps attachment control.

    clear attachment control in powerapps

    Power Apps Attachment Control Limitations

    Let’s see what are the limitations of the PowerApps attachment control. Such as:

    • The attachment control exclusively supports SharePoint lists and Dataverse tables as data sources. It does not support expressions that convert these sources into tables, such as the “ForAll function.”
    • The upload and delete functions operate solely within a Power Apps form. In Edit mode, the Attachment control appears disabled outside a form.
    • To keep file modifications, the form must be saved by the user. Therefore, the Power Apps Attachment control is not accessible from the Insert tab but is visible within a form once the Attachment field is clicked.
    • When using the Attachments control on a web browser, multiple files can be selected, and drag-and-drop functionality is enabled.

    This Power Apps tutorial explains in detail what the Power Apps attachment control is and its properties, as well as how to Add It to a SharePoint List.

    Also, we covered the topics below. Such as:

    • Power Apps Send Email with Attachment
    • How to Reset Attachment Control in Power Apps
    • Power Apps Attachment Control Limitations

    Some more Power Apps articles you may like:

    comment_count comments
    Oldest
    Newest
    Oldest

    Comment as a guest:

    >