방법: 화면 디자이너를 사용하여 HTML 화면 디자인
화면 디자이너를 사용 하 여 화면에서 HTML 클라이언트에 Visual Studio LightSwitch 응용 프로그램의 모양을 수정할 수 있습니다.예를 들어, 다음 작업을 수행 하려면 디자이너를 사용할 수 있습니다.
필드 및 명령
화면에 정보 그룹 추가
그룹 레이아웃 수정.
단추 추가.
항목 추가.
항목 제거.
항목 이동.
항목의 표시 이름 변경.
항목의 레이블 위치 변경.
항목의 크기 변경.
Show or hide an item.
항목의 컨트롤 형식 변경.
화면에 사용자 지정 컨트롤 추가
변경 취소
데이터 수집
화면이 처음 로드될 때 컬렉션이 데이터를 표시하는지 여부 변경.
페이징 사용 또는 사용 안 함.
정렬 사용 또는 사용 안 함.
검색 사용 또는 사용 안 함.
화면에 정보 그룹 추가
에 화면 내용 트리, 그룹 정보를 추가할 노드를 선택 합니다.
에 화면 디자이너 도구 모음에서 열기를 레이아웃 항목 추가 선택한 다음 선택 그룹.
새 그룹이 나타납니다.
에 속성 창에서의 이름 텍스트 상자에 그룹 이름을 입력 합니다.
에 화면 내용 트리, 새 그룹을 선택 열기는 추가 선택한 다음 그룹에 표시 하려는 항목을 선택 합니다.
그룹 레이아웃 수정
에 화면 내용 트리에서 수정 하려는 그룹의 목록을 엽니다.
모든 그룹에 대해 사용할 수 있는 컨트롤 형식 목록에 나타납니다.
목록에서 컨트롤 종류를 선택 합니다.
선택한 컨트롤 종류 그룹의 레이아웃을 영향을 줍니다.각각의 컨트롤 유형에 대한 자세한 내용은 참조: 화면 디자이너 속성를 참조하십시오.
단추 추가
에 화면 내용 트리, 단추가 나타나도록 하려면 노드를 선택 합니다.
에 화면 디자이너 도구 모음에서 선택 레이아웃 항목 추가, 다음을 선택 하 고 단추.
단추 추가 대화 상자가 표시됩니다.
항목 추가
에 화면 멤버 목록 의 화면 디자이너, 항목 (예: 필드 또는 명령)의 적절 한 위치로 드래그는 화면 내용 트리.
항목을 끌 때 포인터가 지정 된 위치로 항목을 이동할 수 있는지 여부를 나타냅니다.포인터가 있는 슬래시가 있는 원이로 변경 하는 경우 해당 위치에 있는 항목을 삭제할 수 없습니다.
화면에 사용자 지정 필드를 추가 하는 방법에 대 한 내용은 방법: HTML 화면에 로컬 속성 추가.
항목 제거
에 화면 내용 트리, 제거 하려는 항목 (예: 필드 또는 명령)을 선택 합니다.
에 화면 디자이너 도구 모음에서 선택 된 삭제 단추.
항목 이동
에 화면 내용 트리, 항목 (예: 필드 또는 명령)를 드래그 하는 다른 위치.
예를 들어, 드래그는 PostalCode 에서 나타나도록 필드는 Country 필드를 끌거나의 편집 위에 나타나도록 단추는 삭제 단추.
[!참고]
필드를 끌면 포인터를 지정 된 위치로 항목을 이동할 수 있는지 여부를 나타냅니다.포인터가 있는 슬래시가 있는 원이로 변경 하는 경우 항목을 해당 위치로 이동할 수 없습니다.
항목의 표시 이름 변경
에 화면 내용 트리, 항목 (예: 필드 또는 명령)을 선택 합니다.
에 속성 아래의 텍스트 상자에 창 표시 이름을, 항목에 대해 다른 이름을 입력 합니다.
항목의 표시 이름을 변경 하는 경우 화면에 나타나는 이름만 변경 합니다.Name 항목의 속성을 동일한 상태로 유지 됩니다.
항목의 레이블 위치 변경
에 화면 내용 트리, 필드를 선택 합니다.
에 속성 창 목록에서 열기 레이블 위치를 클릭 하 고 원하는 위치를 선택 합니다.
다음 표는 각 옵션에 대해 설명합니다.
레이블 위치
설명
왼쪽 정렬
레이블 컨트롤의 왼쪽된에 있는 근처 나타납니다.
오른쪽 정렬
레이블 컨트롤의 오른쪽 부근을 나타납니다.
Top
레이블이 컨트롤 위에 나타납니다.
Hidden
레이블이 컨트롤에 표시 됩니다.
없음
컨트롤에 레이블이 표시 하 고 레이블을 했던 정렬 됩니다.
항목의 크기 변경
에 화면 내용 트리, 항목 (예: 필드 또는 명령)을 선택 합니다.
에 속성 창 아래에서 크기 조정, 너비 및 높이 컨트롤에 대 한 서로 다른 크기를 선택 합니다.
[!참고]
일부 유형의 컨트롤의 높이 속성을 지원 하지 않습니다.
각각의 설정에 대한 자세한 내용은 참조: 화면 디자이너 속성를 참조하십시오.
항목 표시 또는 숨김
에 화면 내용 트리, 항목 (예: 필드 또는 명령)을 선택 합니다.
에 속성 창에서 선택 하거나 확인란의 선택을 취소를 표시 됩니다 속성.
[!참고]
레이블 (보이지 않는) 디자이너 응용 프로그램을 실행할 때 표시 되지 않은 항목 옆에 나타납니다.
항목의 컨트롤 형식 변경
에 화면 내용 트리목록 옆에 있는 항목을 열고 다음 원하는 컨트롤 종류를 선택 합니다.
대부분의 컨트롤 형식 제공 됩니다.다른 도구를 사용하여 만든 사용자 지정 컨트롤에 컨트롤 유형을 설정할 수도 있습니다.자세한 내용은 방법: LightSwitch 응용 프로그램용 HTML 화면에 사용자 지정 컨트롤 추가을 참조하십시오.
화면에 사용자 지정 컨트롤 추가
에 화면 내용 트리, 모든 그룹을 선택 합니다.
에 화면 디자이너 도구 모음에서 열기를 레이아웃 항목 추가 선택한 다음 선택 사용자 지정 컨트롤.
자세한 내용은 방법: LightSwitch 응용 프로그램용 HTML 화면에 사용자 지정 컨트롤 추가을 참조하십시오.
변경 취소
메뉴 모음에서 선택 편집, 취소.
.gif "팁")
팁실수로에서 편집을 취소 하는 경우는 화면 디자이너, 메뉴 표시줄에서 선택 편집, 재실행.
화면이 처음 로드될 때 컬렉션이 데이터를 표시하는지 여부 변경
에 화면 구성원 목록 의 화면 디자이너, 컬렉션의 부모 노드를 선택 (예를 들어,는 OrderCollection 제목).
화면이 나타날 때 컬렉션에서 아무런 데이터를 표시하지 않게 하려면 속성 창에서 쿼리 자동 실행 확인란을 취소합니다.화면이 나타나면 컬렉션이 데이터를 표시하게 하려면 쿼리 자동 실행 확인란을 선택합니다.
페이징 사용 또는 사용 안 함
에 화면 구성원 목록 의 화면 디자이너, 컬렉션의 부모 노드를 선택 (예를 들어,는 OrderCollection 제목).
에 속성 창에서 지우기는 페이징을 지원 행 집합이 큰 경우에 쿼리를 반환 하는 모든 행을 표시 하려는 경우 확인란.표시 되는 레코드 수를 제한 하 고 각 페이지에 표시할 항목 수를 지정 하려면 확인란을 선택 합니다.
[!참고]
사용자가 화면에서 링크를 선택 하 여 결과의 각 페이지를 표시할 수 있습니다.
정렬 사용 또는 사용 안 함
에 화면 구성원 목록 의 화면 디자이너, 컬렉션의 부모 노드를 선택 (예를 들어,는 OrderCollection 제목).
에 속성 창을 선택 하거나 선택 취소는 정렬을 지 원하는 확인란을 선택 합니다.
검색 사용 또는 사용 안 함
에 화면 구성원 목록 의 화면 디자이너, 컬렉션의 부모 노드를 선택 (예를 들어,는 OrderCollection 제목).
에 속성 창을 선택 하거나 선택 취소는 지원 검색 확인란을 선택 합니다.
확인란을 선택한 경우 검색 상자에 컬렉션 위에 나타납니다.
참고 항목
작업
방법: LightSwitch 응용 프로그램에서 HTML 화면 간 탐색 제어
방법: LightSwitch용 모바일 클라이언트에 단추 추가
방법: LightSwitch 응용 프로그램용 HTML 화면에 사용자 지정 컨트롤 추가