로우코드(Lowcode)/OutSystems프로젝트

outsystems - 4.2 메인화면 설계

2023. 5. 20. 23:39

이번포스팅에서는 레이아웃화면을 구성해보겠습니다. 

일반 UI Flows에서 Layout을 더블클릭합니다. 

 

아래의 사진처럼 Container의 Width를 8col로 설정하고 

Margin에서 왼쪽 마진의 값을 0px로 설정합니다. 그럼 아래와 같은 사진과 같이 레이아웃이 구성됩니다. 

 

 

그다음 새로운 Screen을 하나 만들어주겠습니다. 

아래의 스크린에서 왼쪽 첫번째 placeholder부분에 전체 버튼을 만들고 아래의 Placeholder에는 메뉴카테고리에 해당하는 버튼을 만들어주겠습니다. 

 

그 전에  아래의 사진처럼 각각의 Placeholder에서 Interaction\Sidebar를 delete해주겠습니다.  

그리고 아래의 사진처럼 위젯을 설정해줍니다. 

이제 list의 source를 설정해주겠습니다. 

'로우코드(Lowcode) > OutSystems프로젝트' 카테고리의 다른 글

outsystems - 5.1 해당메뉴의 상세옵션(check box)  (0) 2023.05.23
outsystems - 5.상세화면설계(메뉴 id전달)  (0) 2023.05.22
outsystems - 4.1 메인화면설계  (0) 2023.05.20
outsystems - 3.kiosk만들기  (0) 2023.05.16
outsystems - 2.kiosk만들기  (0) 2023.05.01
'로우코드(Lowcode)/OutSystems프로젝트' 카테고리의 다른 글
  • outsystems - 5.1 해당메뉴의 상세옵션(check box)
  • outsystems - 5.상세화면설계(메뉴 id전달)
  • outsystems - 4.1 메인화면설계
  • outsystems - 3.kiosk만들기
최맹수
최맹수
최맹수
맹수개발
최맹수
전체
오늘
어제
  • 분류 (236)
    • 로우코드(Lowcode) (53)
      • outsystems (35)
      • OutSystems프로젝트 (18)
      • Mendix (0)
    • 프론트엔드 (0)
      • html (0)
      • css (3)
      • javascript (68)
      • react (47)
      • typescript (7)
    • 정보처리기사 (20)
      • 실기 (16)
    • 공부 (9)
    • Git (5)
    • 백엔드 (21)
      • node.js(express) (20)
    • 자바 (1)
      • java (1)
      • Spring (0)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 로우코드
  • 정보처리기사
  • Promise
  • outsystems
  • lowcode
  • aggreagtes
  • 프로젝트
  • dom
  • react
  • kiosk
  • typescript
  • 자바스크립트
  • javscript
  • 아웃시스템즈
  • await
  • javascript
  • 프론트엔드
  • 배열
  • 함수
  • 정보처리기사실기

최근 댓글

최근 글

hELLO · Designed By 정상우.
최맹수
outsystems - 4.2 메인화면 설계
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.