레이아웃관리
Last updated
Last updated
앱 화면의 전체적인 기본 구성을 설정합니다. 본 문서에서는 상단헤더 설정, 시작페이지 설정, 알림 페이지 설정, 하단탭바 설정, 우측 메뉴 설정, PC-Web 설정(Beta)의 6가지 분류로 설명합니다.
PC-Web 설정(Beta)는 Enterprise 플랜 이상에서 사용하실 수 있습니다.
변경된 내용을 사용자에게 서비스하기 위해서는 우측 하단의 [라이브에 적용] 버튼을 클릭해야 합니다.
영역 번호 | 영역 이름 | 영역 설명 |
---|---|---|
1 | 화면 가이드 | 화면을 구성하는 요소들의 설정 여부를 확인할 수 있습니다. 요소 클릭시 해당하는 설정 위치로 이동합니다. |
2 | 레이아웃 설정 영역 | |
3 | 변경사항 취소버튼 | 마지막 라이브 적용 시점으로 변경됩니다. |
4 | 라이브에 적용 버튼 | 현재 레이아웃 설정을 앱에 적용합니다. |
앱에서 보이는 상단 헤더의 사용 여부를 설정할 수 있습니다.
화면 가이드의 TITLE에 들어갈 내용을 설정합니다. 3가지 형식 중 하나를 선택합니다.
시나리오(화면) 명: 앱에서 보고있는 시나리오의 이름으로 설정합니다.
직접입력: 고정된 값을 입력합니다.
로고 이미지: 이미지로 설정합니다.
앱 로고는 [앱정보설정]에서 등록 및 수정이 가능합니다.
만약 테넌트에서 로고가 등록되어 있다면 해당 로고로 보여집니다.
화면 가이드 상단의 좌/우 영역에 들어갈 버튼을 설정합니다. 좌측 버튼 설정시 왼쪽부터 순서대로 적용되며 우측 버튼 설정시 오른쪽부터 순서대로 적용됩니다. 단 메뉴, 시작페이지, 로그아웃, 알림 버튼의 경우 중복하여 추가할 수 없습니다.
메뉴: 우측 메뉴 설정으로 구성한 메뉴가 나타나는 버튼을 생성합니다.
시작페이지: 시작페이지 설정에서 지정한 시나리오로 이동하는 버튼을 생성합니다.
로그아웃: 로그아웃 버튼을 생성합니다.
알림: 알림 페이지 설정에서 지정한 시나리오로 이동하는 버튼을 생성합니다.
시나리오: 선택한 시나리오로 바로 갈 수 있는 버튼을 생성합니다.
기본앱의 경우 로그아웃 버튼은 활성화되지 않습니다. (초대 기반 앱 전용)
앱 접속시 보여줄 시나리오를 설정합니다. 초대 기반 앱의 경우에는 로그인 후 보여집니다.
알림 버튼으로 이동할 시나리오를 설정합니다.
앱에서 보이는 하단 탭바의 사용 여부를 설정할 수 있습니다.
화면 하단의 탭바 영역에 들어갈 버튼을 생성합니다. 왼쪽부터 순서대로 적용되며 버튼 클릭시 연결된 시나리오가 메인화면에서 보여집니다.
하단 별 권한 기능은 Start 플랜 이상에서 사용하실 수 있습니다.
메뉴 사용 여부를 설정할 수 있습니다.
메뉴 UI를 다르게 구성할 수 있습니다.
박스형
트리형 - 그룹 사용이 가능합니다.
그룹을 사용 하는 경우 아래와 같이 그룹별 메뉴를 구성할 수 있습니다.
메뉴별 권한 기능은 Start 플랜 이상에서 사용하실 수 있습니다.
하나의 테넌트가 여러개의 앱을 사용할 때 별도 로그인 없이 전환이 가능합니다.
초대 기반 앱에서만 사용 가능한 기능입니다.
하단 탭바와 우측 메뉴의 언어별 텍스트를 설정할 수 있습니다.
다국어 설정하기를 클릭하여 나오는 팝업에서 각 언어별 텍스트를 등록할 수 있습니다.
다국어는 각 항목별로 등록해주어야 합니다. 같은 명칭이라도 영역별로 별도로 필요합니다.
영역명: 다국어를 등록할 명칭이 있는 영역을 의미합니다.
기본값: 매칭되는 다국어 텍스트 없는 경우 기본으로 보여질 값입니다.
min-width: 최소 가로길이를 지정합니다. 단위는 px 입니다.
max-width: 최대 가로길이를 지정합니다. 단위는 px 입니다.
웹에서 로그인하는 화면에 보이는 배경 이미지를 설정합니다.