5. Workshop에서 애플리케이션 구축 소개30 - 위젯 및 섹션 크기 조절

본 번역은 검증되지 않았습니다. AIP를 통해 영문원문으로부터 번역되었습니다.

30 - 위젯 및 섹션 크기 조절

이 내용은 learn.palantir.com ↗에서도 확인할 수 있으며, 접근성을 위해 이곳에도 제공됩니다.

📖 작업 소개

Workshop은 위젯이나 섹션 크기를 조절하기 위해 HTML이나 CSS를 작성할 필요를 없애줍니다. 위젯 관련 문서에서 읽었듯이, 설정 패널을 통해 절대 크기 또는 상대 크기로 높이와 너비를 설정할 수 있습니다.

필터 목록 위젯이 너무 좁아서 약 10% 정도 확장해야 한다고 가정해 봅시다. 이 작업은 섹션 크기를 조절하는 방법 중 하나를 안내하며, 해당 섹션 내의 위젯에도 적용할 수 있습니다.

향후 튜토리얼에서 레이아웃 패턴 및 크기 조절을 더 실험해 볼 기회가 있을 것입니다.

🔨 작업 지시 사항

  1. 레이아웃 패널에서 섹션: 인박스 필터 항목을 클릭하고, 오른쪽의 설정에서 DIMENSIONS 영역을 확인하세요.

    • 기본적으로 페이지는 column 레이아웃으로 설정되어 있어, 필터와 표 섹션이 columnar 관계를 가지게 됩니다.
  2. 필터 섹션에는 절대 열 너비가 300 픽셀로 설정되어 있습니다. 이를 350으로 변경하고 크기가 변경되는 것을 확인하세요.

    • 오브젝트 표에 비례하는 크기로 정의하려는 경우, 절대 크기 대신 사용할 수 있습니다.
  3. 섹션: 표 항목을 클릭하고, 오른쪽 설정의 DIMENSIONS 영역을 확인하세요. 표 섹션에는 Flex 값이 1로 설정되어 있습니다.

    • 표와 필터 크기 사이에 3 대 1 비율을 원한다고 가정해 봅시다.
  4. 표 섹션의 Flex 값을 3으로 변경하세요.

  5. 다시 섹션: 인박스 필터 항목으로 돌아가서 설정 패널의 DIMENSIONS 영역에서 열 너비 옵션을 Flex로 변경하고 값에 1을 입력하세요.

    • ℹ️ 위젯은 절대 크기 또는 섹션 내 다른 위젯에 상대적인 크기( Flex 사용)로 조절할 수 있습니다. 해당 설정은 위젯 설정 패널의 Display 탭에서 찾을 수 있습니다.
  6. 모듈을 저장하고 발행한 다음, 보기 모드에서 모듈을 확인하세요.