레이아웃관리

개요

앱 화면의 전체적인 기본 구성을 설정합니다. 본 문서에서는 상단헤더 설정, 시작페이지 설정, 알림 페이지 설정, 하단탭바 설정, 우측 메뉴 설정, PC-Web 설정(Beta)의 6가지 분류로 설명합니다.

레이아웃관리 설정 화면

상단헤더 설정

앱에서 보이는 상단 헤더의 사용 여부를 설정할 수 있습니다.

상단 제목설정

화면 가이드의 TITLE에 들어갈 내용을 설정합니다. 3가지 형식 중 하나를 선택합니다.

• 시나리오(화면) 명: 앱에서 보고있는 시나리오의 이름으로 설정합니다.

• 직접입력: 고정된 값을 입력합니다.

• 로고 이미지: 이미지로 설정합니다.

상단 좌우 버튼 설정

화면 가이드 상단의 좌/우 영역에 들어갈 버튼을 설정합니다. 좌측 버튼 설정시 왼쪽부터 순서대로 적용되며 우측 버튼 설정시 오른쪽부터 순서대로 적용됩니다. 단 메뉴, 시작페이지, 로그아웃, 알림 버튼의 경우 중복하여 추가할 수 없습니다.

• 메뉴: 우측 메뉴 설정으로 구성한 메뉴가 나타나는 버튼을 생성합니다.

• 시작페이지: 시작페이지 설정에서 지정한 시나리오로 이동하는 버튼을 생성합니다.

• 로그아웃: 로그아웃 버튼을 생성합니다.

• 알림: 알림 페이지 설정에서 지정한 시나리오로 이동하는 버튼을 생성합니다.

• 시나리오: 선택한 시나리오로 바로 갈 수 있는 버튼을 생성합니다.

시작페이지 설정

앱 접속시 보여줄 시나리오를 설정합니다. 초대 기반 앱의 경우에는 로그인 후 보여집니다.

알림 페이지 설정

알림 버튼으로 이동할 시나리오를 설정합니다.

하단탭바 설정

앱에서 보이는 하단 탭바의 사용 여부를 설정할 수 있습니다.

화면 하단의 탭바 영역에 들어갈 버튼을 생성합니다. 왼쪽부터 순서대로 적용되며 버튼 클릭시 연결된 시나리오가 메인화면에서 보여집니다.

우측 메뉴 설정

메뉴 사용 여부를 설정할 수 있습니다.

타입 설정 - 박스형 / 트리

메뉴 UI를 다르게 구성할 수 있습니다.

• 박스형

  
• 트리형 - 그룹 사용이 가능합니다.

  

  그룹을 사용 하는 경우 아래와 같이 그룹별 메뉴를 구성할 수 있습니다.

  

앱 전환 기능 사용하기

하나의 테넌트가 여러개의 앱을 사용할 때 별도 로그인 없이 전환이 가능합니다. 사용시 같은 테넌트에 있는 모든 앱이 하단에 보여지게 됩니다.

다국어 설정-레이아웃

하단 탭바와 우측 메뉴의 언어별 텍스트를 설정할 수 있습니다.

다국어 설정하기를 클릭하여 나오는 팝업에서 각 언어별 텍스트를 등록할 수 있습니다.

다국어 설정하기 팝업

다국어는 각 항목별로 등록해주어야 합니다. 같은 명칭이라도 영역별로 별도로 필요합니다.

• 영역명: 다국어를 등록할 명칭이 있는 영역을 의미합니다.

• 기본값: 매칭되는 다국어 텍스트 없는 경우 기본으로 보여질 값입니다.

PC-Web 설정 (Beta)

브라우저 사이즈 설정

1. min-width: 최소 가로길이를 지정합니다. 단위는 px 입니다.

2. max-width: 최대 가로길이를 지정합니다. 단위는 px 입니다.

로그인 배경 이미지 설정

웹에서 로그인하는 화면에 보이는 배경 이미지를 설정합니다.