캔버스 앱용 이메일 화면 템플릿

아티클
04/18/2023

캔버스 앱에서 사용자가 Office 365 Outlook 계정으로 이메일을 보낼 수 있는 이메일 화면을 추가합니다. 사용자는 조직에서 수신자를 검색할 수 있고 외부 이메일 주소도 추가할 수 있습니다. 이미지 첨부 지원을 추가하고 검색 갤러리에 나타나는 사용자 데이터를 변경하고 기타 사용자 지정을 수행할 수 있습니다.

Office 365의 여러 데이터를 보여주는 다른 템플릿 기반 화면을 추가할 수도 있습니다(예: 사용자의 일정, 조직 내 연락처, 회의에 초대하고 싶은 사람들의 참석 여부).

이 개요는 다음을 설명합니다.

기본 이메일 화면을 사용하는 방법.
수정 방법.
앱에 통합하는 방법.

이 화면의 기본 기능에 대해 자세히 알아보려면 이메일 화면 참조를 참조하십시오.

필수 구성 요소

Power Apps에서 앱을 만들려면 화면 및 기타 컨트롤을 추가하고 구성하는 방법을 알아야 합니다.

기본 기능

템플릿에 이메일 템플릿 추가:

Power Apps에 로그인하고 Power Apps Studio에서 앱을 생성하거나 기존 앱을 엽니다.

이 토픽은 전화 앱을 보여주지만 동일한 개념이 태블릿 앱에도 적용됩니다.
리본의 Home 탭에서 New screen > Email을 선택합니다.

기본적으로 화면은 다음과 유사합니다.

유용한 참고 사항:

조직에서 사용자를 검색하려면 "To" 아래 텍스트 입력 상자에 이름을 입력합니다.
사용자를 검색하면 상위 15개 결과만 반환됩니다.
조직 외부의 이메일 수신자에 대한 이메일 주소를 추가하려면 유효한 전체 이메일 주소를 입력하고 이메일 주소 오른쪽에 표시되는 '+' 아이콘을 선택합니다.
최소한 한 사람을 수신자로 추가하고 전자 메일을 보낼 제목을 제공해야 합니다.
이메일을 보낸 후에는 제목 줄과 메시지 본문의 내용 및 수신자 목록이 모두 지워집니다.

화면 수정

몇 가지 일반적인 방법으로 이 화면의 기본 기능을 수정할 수 있습니다.

화면을 더 수정하려면 가이드로 이메일 화면 참조를 사용하십시오.

중요

다음 단계에서는 앱에 이메일 화면을 하나만 추가했다고 가정합니다. 둘 이상을 추가한 경우 컨트롤 이름(예: iconMail1)은 다른 숫자로 끝나므로 수식을 알맞게 조정해야 합니다.

이미지 첨부 지원 추가

이를 통해 사용자는 첨부 파일을 사용하여 단일 이미지를 이메일로 보낼 수 있습니다.

삽입 탭에서 미디어를 선택한 다음 사진 추가를 선택합니다.
컨트롤의 Y 속성을 다음 식으로 설정합니다.

TextEmailMessage1.Y + TextEmailMessage1.Height + 20
삽입된 AddMediaWithImage 컨트롤과 같이 높이를 210 미만으로 설정합니다.
컨트롤 트리 뷰에서 AddMediaWithImage > ... > Reorder > Send to back을 선택합니다. 이렇게 하면 컨트롤이 PeopleBrowseGallery 컨트롤 앞에 있는 것을 방지합니다.

EmailPeopleGallery의 Height 속성을 다음 수식으로 변경합니다.

Min( 
    ( EmailPeopleGallery1.TemplateHeight + EmailPeopleGallery1.TemplatePadding * 2 ) *
        RoundUp( CountRows( EmailPeopleGallery1.AllItems ) / 2, 0 ), 
    304
)

EmailPeopleGallery의 ShowScrollbar 속성을 다음 식으로 설정합니다.

EmailPeopleGallery1.Height >= 304

이렇게 하면 AddMediaWithImage 컨트롤이 페이지 최대 높이 밖으로 나가는 것을 방지합니다.

iconMail 컨트롤의 OnSelect 속성을 다음 수식으로 변경합니다.

Set( _emailRecipientString, Concat(MyPeople, Mail & ";") );
If( IsBlank( UploadedImage1 ),
    'Office365'.SendEmail( _emailRecipientString, 
        TextEmailSubject1.Text, 
        TextEmailMessage1.Text, 
        { Importance: "Normal" }
    ),
    'Office365'.SendEmail( _emailRecipientString, 
        TextEmailSubject1.Text, 
        TextEmailMessage1.Text, 
        {
            Importance: "Normal",
            Attachments: Table(
                {
                    Name: "Image.jpg", 
                    ContentBytes: UploadedImage1.Image
                }
            )
        }
    )
);
Reset( TextEmailSubject1 );
Reset( TextEmailMessage1 );
Reset( AddMediaButton1 );
Clear( MyPeople )

이 공식은 업로드된 이미지를 확인합니다. 없는 경우 이전처럼 Office365.SendEmail 작업을 동일하게 사용합니다. 이미지가 있으면 첨부 파일 테이블에 첨부 파일로 추가됩니다. 이메일을 보낸 후 추가적인 초기화 작업이 수행되어 AddMediaButton에 업로드된 이미지를 제거합니다.

참고

이메일에 둘 이상의 첨부 파일을 추가하려면 첨부 파일 테이블에 레코드를 추가합니다.

사용자에 대한 다른 데이터 표시

이 화면은 Office365Users.SearchUser 작업을 사용하여 조직에서 사용자를 검색합니다. 여기에 PeopleBrowseGallery 컨트롤에 표시된 것 이상으로 각 이벤트에 대한 추가 필드를 제공합니다. 갤러리에서 필드를 추가하거나 변경하는 과정은 간단합니다.

PeopleBrowseGallery 컨트롤에서 수정할 라벨을 선택합니다(또는 추가하고 선택된 상태로 유지).
선택된 Text 속성과 함께 수식줄에서 ThisItem.을 콘텐츠로 교체합니다.

IntelliSense는 선택할 수 있는 필드 목록을 보여줍니다.
원하는 필드를 선택합니다.

Text 속성을 ThisItem.{FieldSelection}로 업데이트합니다.

화면을 앱에 통합

이메일 화면은 자체적으로 강력한 컨트롤 번들이지만 일반적으로 더 크고 다양한 앱의 일부로 가장 잘 작동합니다. 일정 화면에 링크 걸기를 포함하여 여러 가지 방법으로 이 화면을 더 큰 앱에 통합할 수 있습니다.

일정 화면에 링크 걸기

일정 화면 개요에 있는 "이벤트 참석자 표시" 섹션에 설명된 단계를 수행합니다. 하지만 마지막 단계에서 Navigate 함수를 설정하여 이메일 화면을 엽니다. 이 단계를 완료하면 MyPeople 컬렉션이 채워져 사용자가 선택한 이벤트에 참석하는 사람들에게 이메일을 보낼 수 있습니다.

참고

이 이메일을 보내면 Outlook의 실제 이벤트와 별도의 이메일을 보냅니다.

다음 단계

참고

귀사의 설명서 언어 기본 설정에 대해 말씀해 주시겠습니까? 간단한 설문 조사에 응해주세요. (이 설문 조사는 영어로 되어 있습니다.)

이 설문 조사는 약 7분 정도 걸립니다. 개인 데이터는 수집되지 않습니다(개인정보처리방침).

다음을 통해 공유