테마 선택

Web AppBuilder의 테마 탭에서는 바로 사용할 수 있는 테마를 제공합니다. 테마는 앱의 모양과 느낌을 나타내는 템플릿 프레임워크입니다. 테마의 콘텐츠에는 패널, 스타일, 레이아웃 컬렉션과 미리 구성된 테마 위젯 집합이 포함됩니다. 앱은 둘 이상의 테마를 포함할 수 있지만 실행되는 동안에는 하나의 테마만 사용할 수 있습니다.

테마 갤러리

다음 테마 중 하나를 선택할 수 있습니다.

이름	설명
게시판 테마*	단순 작업용 앱에 사용됩니다. 이 테마에는 모든 테마의 레이아웃이 대부분 들어 있으며 로고, 링크, 위젯 컨트롤러는 표시하지 않습니다. 이 테마의 모든 위젯은 화면상의 위젯입니다.
상자 테마	위젯 컨트롤러의 위젯을 다룹니다. 기본 설정에 따라 화면상의 위젯은 모두 꺼져 있습니다. 위젯 플레이스 홀더와 로고 또는 링크 표시가 없습니다. 맵에 깔끔하게 나타나야 하는 앱에 사용됩니다.
다트 테마	위젯 컨트롤러의 위젯이 플레이스 홀더 위젯처럼 표시됩니다. 여러 위젯을 열어 놓을 수 있으며 이들을 이동할 수 있습니다. 기본 설정에 따라 화면상의 위젯은 모두 꺼져 있습니다. 상자 테마와 비슷하며 위젯 플레이스 홀더와 로고 또는 링크 표시가 없습니다.
대시보드 테마*	앱이 시작될 때 패널의 모든 위젯이 동시에 열립니다. 위젯 및 위젯의 통신을 직접 시각화하는 데 적합합니다. 패널에 그리드를 추가 또는 제거하거나 그리드의 크기를 조정하여 미리 정의된 레이아웃을 수정할 수 있습니다. 기본 설정에 따라 홈, 확대 슬라이더, 전체 화면을 제외한 대부분의 화면상의 위젯은 꺼져 있습니다. 필요에 따라 헤더 위젯을 켜서 로고, 앱 이름, 링크를 표시할 수 있습니다.
접을 수 있는 테마*	Web AppBuilder,로 생성된 첫 번째 테마로, 모든 위젯 유형이 지원되며 복잡한 작업을 수행할 앱에 적합합니다.
보석 상자 테마*	접을 수 있는 테마에서 진화된 테마로, 앱의 왼쪽 부분에 중점 위젯을 둡니다. 워크플로 작업을 위한 앱에 사용됩니다.
실행 패드 테마*	Apple Mac 스타일을 선호하는 사용자를 위한 테마입니다. 이 테마를 사용하면 여러 위젯을 연 다음, 이동, 크기 조정, 최소화를 수행할 수 있습니다.
고원 테마*	위젯 컨테이너와 평평한 도구모음이 포함된 현대적인 기본 앱을 생성하는 데 사용할 수 있습니다. 3D 앱을 만드는 경우에는 이 테마를 사용할 수 없습니다.
포켓 테마*	웹사이트, 스토리맵, 기타 주변 컨텍스트가 있는 위치에 임베드되는 앱에 사용됩니다. 좌우에 배치된 패널 중 하나의 위젯만 지원됩니다. 3D 앱을 만드는 경우에는 이 테마를 사용할 수 없습니다.
탭 테마*	접을 수 있는 테마처럼, 모든 위젯 유형이 지원되며 복잡한 작업을 수행할 앱에 적합합니다.

*해당 테마는 최종 사용자를 위한 웹 콘텐츠 접근성을 지원합니다. 관련된 제한 사항에 대해 자세한 내용은 접근성 지원을 참고하세요.

스타일

사용 가능한 스타일은 테마 탭에서 선택한 테마에 따라 다릅니다. 실행 패드 테마 및 대시보드 테마를 제외한 대부분의 테마에는 선택 가능한 7가지 색상이 미리 정의되어 있습니다. 기관에서 공유 테마를 머리글 색상으로 정의한 경우 앱을 생성할 때 이 색상이 기본값으로 사용됩니다.

고유 색상을 선택할 수도 있습니다.

• 대다수 테마의 경우 색상 선택기에서 마지막 색상을 클릭하고 사용자 설정을 선택하여 사용자 설정 색상을 지정합니다.
• 대시보드 테마의 경우 헤더에 사용자 설정 색상만 지정할 수 있습니다(2D 앱에서). 기본 설정에 따라 헤더는 꺼져 있습니다. 이 테마를 선택하는 경우 사용자 설정 색상으로 헤더를 포함하려면 다음을 수행합니다.
  1. 위젯 탭에서 헤더 위젯을 가리키고 표시 버튼 를 클릭하여 앱에서 헤더를 켭니다.
  2. 이 위젯 구성 버튼 을 클릭합니다. 구성 창의 스타일 설정에서 사용자 설정을 선택합니다. (기본값은 테마 색상이며 공유 테마를 사용하도록 선택할 수도 있습니다.)

레이아웃

레이아웃은 미리 설정된 사용자 인터페이스 항목 위치를 나타냅니다.

• 2D 앱을 만드는 경우 사용 가능한 레이아웃은 테마 탭에서 선택된 테마에 따라 다릅니다. 또한 레이아웃에는 2가지 스타일 즉, 데스크톱용 스타일과 모바일 기기용 스타일이 있습니다. 화면 디스플레이의 높이나 너비가 600픽셀 미만인 경우 모바일 레이아웃이 적용됩니다.
• 3D 앱을 만드는 경우 각 테마에는 데스크톱용 레이아웃 2가지만 있습니다.
• 대시보드 테마를 사용하는 경우에만 사용자 고유의 레이아웃을 수정하고 생성할 수 있습니다.

주의:

현재, 대시보드 테마의 레이아웃에서는 오른쪽에서 왼쪽으로 읽는 언어가 지원되지 않습니다.