Power Apps 컨트롤 - 폼 컨트롤 3 : 데이터 카드 변경,수정

1. Power Apps 컨트롤 - 폼 컨트롤 3 : 데이터 카드 변경,수정

폼(Form) 컨트롤은 데이터 원본(SharePoint 목록, Azure SQL, Excel 테이블, Collect 등의 Power Apps의 데이터 원본으로 지정이 저장소)에서 특정 아이템 컬럼의 값들을 데이터 카드 단위로 위치를 지정해 볼 수 있도록 만든 컨트롤이다. 이번에는 데이터 카드를 변경, 수정하는 방법에 대해 알아본다.

기본으로 제공하는 데이터 카드 컨트롤 형식

1. 폼 컨트롤을 참고하여 폼 컨트롤을 생성하고 데이터 원본, Items 속성을 연결한다. 여기서는 수정(Edit) 폼을 사용해 설명한다.
   
   
   
2. 폼 컨트롤의 '속성' 창에서 필드 편집 -> '필드' 창의 필드를 클릭 -> 컨트롤 형식 드롭다운 클릭을 통해 현재 데이터 필드의 데이터 형식을 통해 선택이 가능한 기본 컨트롤 형식을 사용할 수 있다.
   
   
   
3. 기본적으로 보기/편집 이 있는데 '보기'의 경우 해당 데이터를 편집이 불가능하고 조회만 가능한 컨트롤을 생성한다. 아래 이미지에서 '매출처 구분' 필드는 편집 컨트롤을 사용하였고 '매출처 직책' 필드는 보기 컨트롤을 사용하였다.
   
   
   
4. 자신이 원하는 필드(현재 연결된 데이터 원본과 상관없거나 추가로 필요한 경우)가 필요한 경우 '필드'창에서 ... -> 사용자 지정 카드 추가를 선택한다. 해당 필드는 보통 폼 컨트롤을 꾸미는데 사용하는 데이터 카드를 만든다. 이때 컨트롤은 비어있어 직접 추가해야한다.
   
   
   
5. 기본 제공 컨트롤 형식

컨트롤 형식	사용용도
텍스트 보기	현재 필드값을 수정할 수 없는 보기 컨트롤 제공
텍스트 편집	현재 필드값을 수정할 수 있는 텍스트 편집 컨트롤 제공
전화 보기	해당 필드값을 클릭시 전화걸기가 가능한 HTML테그 컨트롤 제공
전자 메일 보기	해당 필드값을 클릭시 이메일을 보내는게 가능한 HTML테그 컨트롤 제공
여러줄 텍스트 편집	현재 필드값을 수정할 수 있는 여러줄 텍스트 편집 컨트롤 제공
허용되는 값	드롭다운 컨트롤을 제공 이때 직접 데이터 원본을 설정해주어야한다.
서식있는 텍스트 보기	편집할 수 없는 HTML테그 컨트롤 제공
서식있는 텍스트 편집	HTML테그 편집 컨트롤 제공
날짜 편집	날짜를 선택할 수 있는 컨트롤 제공
선택 보기	데이터 원본에서 선택할 수 있는 항목중 선택된 항목의 보기 컨트롤 제공
선택 편집	데이터 원본에서 선택할 수 있는 항목을 선택 가능한 드롭다운 컨트롤 제공
숫자 편집	숫자를 넣는 것으로 제한하는 것을 제외하면 텍스트 편집과 같은 구성
비율 보기	데이터 원본의 숫자를 백분율로 바꾸어 강조하는 형식의 컨트롤 제공
슬라이더 편집	숫자를 슬라이더 컨트롤로 변경할 수 있는 컨트롤 제공
등급 보기	별 표시의 숫자 등급 볼 수 있는 컨트롤 제공
등급 편집	별 표시의 숫자 등급을 수정 가능한 컨트롤 제공
편집 옵션	예/아니요 형식을 옵션 컨트롤을 이용해 선택할 수 있도록 제공
설정/해제 편집	설정/해제 컨트롤 형식으로 예/아니요 를 선택할 수 있도록 제공
설정/해제 보기	설정/해제 컨트롤 형식으로 예/아니요 를 볼 수 있도록 제공
첨부 파일 편집	첨부파일을 첨부, 수정 가능한 컨트롤 제공
첨부 파일 보기	첨부파일을 볼 수 있는 컨트롤 제공

데이터 카드 컨트롤 편집

1. 데이터 카드는 생성시 필드의 데이터에 대응되는 값이 DataCard 속성에 설정되어 있다. 기본적으로 데이터 카드의 속성들은 배경색이나 선 굵기 등의 값을 제외하면 속성값이 변경할 수 없도록 잠겨저 있다. 이후 '속성을 변경하려면 잠금 해제합니다.'를 클릭하면 사용자 지정 카드로 변경되어 수정이 가능하다.
   
   
   
2. 데이터 카드가 사용자 지정 카드가 되면 기본 제공 컨트롤 형식을 변경할 수 없게 되지만 자신이 원하는 컨트롤을 삽입하거나 잠금처리 되어 있었던 속성을 수정 가능하다.
   
   
   
3. 폼 컨트롤의 경우 여러 데이터를 항목별로 나누기 위해서 '사용자 지정 카드'를 만들어 항목을 구분할 컨트롤을 추가한다.
   
   
   
4. 추가한 데이터 카드에 '레이블 컨트롤'을 추가하고 'Text' 속성에는 원하는 문구를 입력 한다. 'Width'(너비) 속성에는 Parent.Width, 'Height' 속성에는 Parent.Height 를 입력한다. 이러면 해당 레이블 컨트롤의 크기가 데이터 카드의 크기와 같게 된다.(새로 추가한 데이터카드를 선택한채 삽입을 해야한다. 삽입한 컨트롤을 화면에서 2번 클릭하면 선택된다.)
5. 이후 데이터 카드의 크기를 변경해준다. 해당 데이터카드를 선택후 좌측 혹은 우측의 점을 드래그하여 늘린다.(만약 한줄을 전부 차지하고 싶은데 좌측으로 크기가 늘지 않는다면 우선 우측으로 끝까지 늘리고 좌측으로 늘리면 된다.)