Start Building your App

1. Sudio 에서 타이틀을 변경 합니다. "Home" 타이틀을 더블클릭하여 Edit 팝업을 호춣하여 타이틀을 변경 후 OK로 반영 합니다.

2. Columns and Rows

 

Widget

위젯은 도구 상자에서 가져와서 Mendix의 페이지에 배치하는 모든 것을 말합니다. 방금 편집한 홈페이지 제목은 위젯입니다. 버튼도 위젯입니다. 다양한 기능을 하는 여러 가지 종류가 있으며, 도구 상자 내에서 여러 섹션으로 그룹화되어 있습니다. 이 홈페이지를 만들기 위해 레이아웃 그리드라는 구조 위젯 유형과 몇 가지 버튼을 사용하겠습니다.

 

 

 

레이아웃 그리드

페이지에 공간 구조를 부여하는 위젯입니다. 다음과 같은 특징을 가지고 있습니다:

• 행과 열: 하나 이상의 행으로 구성되며 각 행은 하나 이상의 열을 포함.
• 세로 표시: 행은 세로로 표시되며, 각 행은 행에서 가장 큰 열만큼의 세로 공간을 차지.
• 가로 표시: 열은 가로로 표시되며, 크기 조정 동작을 사용자 지정할 수 있습니다.
  • 자동 맞춤: 열의 위치 또는 내부 내용에 따라 여백을 축소.
  • 자동 채우기: 열의 위치 또는 내부 내용에 따라 여백을 확대.
  • 수동: 최대 12개의 열 생성 가능, 각 열에 1에서 12 사이의 가중치를 부여하여 가로 공간 점유율 결정.

수동 설정 시, 열의 가중치 총합은 12를 초과할 수 없습니다. 총 가중치가 12보다 작으면 콘텐츠가 왼쪽으로 당겨집니다.

 

 

반응형 페이지:

• Mendix 페이지는 다양한 화면 크기와 디바이스에 자동으로 맞춤
• 화면 상단 중앙의 버튼을 통해 데스크톱, 태블릿, 모바일 디바이스 미리보기 가능
• 페이지를 한 번 디자인하면 모든 잠재 사용자에게 즉시 표시
• 각 구성의 행과 열을 사용자 정의하여 원하는 방식으로 표시 가능

컨테이너:

• 레이아웃 그리드는 행과 열을 포함한 컨테이너 위젯
• 행과 열을 구성한 후, 버튼을 추가하여 페이지 콘텐츠 생성
• 컨테이너 위젯을 사용하여 다른 위젯을 그룹화 가능

Next to : Mendix-Add-Columns-to-your-App

https://tjbgood.tistory.com/entry/Mendix-Add-Columns-to-your-App