【입문】PowerApps로 SharePoint 리스트의 폼을 커스터마이즈 (1)

소개



SharePoint 목록을 PowerApps를 사용하여 좋은 느낌으로 커스터마이징하기 위한 길을 기사에 정리합니다.
공부하면서 기사를 정리하고 있기 때문에, 투고 후에도 갱신할지도 모릅니다.

어느 정도 SharePoint에 대한 지식이 있는 사람을 위한 것입니다.

1. PowerApps에서 목록 양식을 열고 게시



먼저 PowerApps를 시작하고 게시할 때까지 해봅시다.

목록에서 PowerApps 시작



[순서]
1. 명령 모음에서 PowerApps > 양식 사용자 지정을 클릭합니다.



로드가 실행되고 다음 화면으로 전환되면 PowerApps 시작이 완료됩니다.



양식의 화면 크기 변경



우선, 표시하는 화면 사이즈를 변경해 보겠습니다.
[순서]
1. [파일] > [설정]을 클릭합니다.
2. 화면 크기 및 방향을 선택합니다.
3. PC로 표시하는 것을 상정해, 가로 방향으로 변경합니다
  방향:옆
  사이즈:L
4. [적용] 버튼을 클릭



변경사항을 목록에 반영



변경된 내용을 목록에 반영하려면
저장 → 발행의 순서로 실시합니다.

[순서]
1. [파일] > [저장]을 클릭합니다.
2. 버전에 관한 메모에 「화면 사이즈 변경」이라고 기입
3. [저장]을 클릭합니다.


4. SharePoint에 게시를 클릭합니다.


게시된 경우 메시지가 다음과 같이 표시됩니다.


방금 편집 화면으로 돌아가려면 왼쪽 상단의 "<-"를 클릭하면 OK

PowerApps에서 목록으로 돌아가기



SharePoint로 돌아가려면 편집 화면의 왼쪽 상단에 있는 SharePoint로 돌아가기를 클릭합니다.


2. 양식의 가로 너비 설정



1로 화면 사이즈를 변경했으므로, 폼의 사이즈도 맞추어 바꾸어 보겠습니다.

먼저 SharePointForm을 App의 Width/height에 맞춥니다.

[순서]
1. FormScreen1 > SharePointForm1을 선택합니다.
2. 다음 내용으로 속성 설정
width : Parent.Width
height :Parent.Height


그런 다음 입력 필드도 설정을 변경합니다.
기존의 속성에 가로폭을 자동 조정해 주는 설정이 있으므로, 그쪽을 유효하게 합니다.

[순서]
1. SharePointForm1에서 각 DataCard를 선택합니다.
2. 다음 내용으로 속성 설정
WidthFit : true
※동등의 설정을, 우측의 GUI로부터도 실시할 수 있습니다.


모든 변경이 완료되면 저장하고 발행합니다.

3. PowerApps에서 사용자 정의 양식을 삭제



만약, 뭔가 이상한 일을 하고, 고칠 수도 없게 되었을 경우는,
양식 자체를 삭제합시다.

[순서]
1. 목록 설정 > 양식 설정을 선택합니다.
2. [규정된 SharePoint 양식 사용]을 선택합니다.
3. 사용자 지정 양식 삭제 링크를 클릭합니다.

좋은 웹페이지 즐겨찾기