자유 형식 레이아웃에서 특정 컨테이너를 숨겨 반응형 및 기본 보기 관리

시각화 컨테이너를 숨겨 휴대폰 및 태블릿과 같은 소형 장치에서 보다 반응성이 뛰어난 환경을 제공할 수 있을 뿐만 아니라 가로 모드의 데스크톱 및 대형 태블릿에 대한 반응하지 않는 대형 기본 보기에 특정 개체만 표시할 수 있습니다.

예를 들어 휴대폰의 반응형 보기에는 세부정보 그리드와 배경 이미지가 있습니다. 그러나 사용자는 이러한 컨테이너를 볼 필요가 없습니다. 요소를 쉽게 숨길 수 있으므로 작은 화면을 사용하는 사용자는 과도한 스크롤을 발생시키는 불필요한 배경 이미지나 시각화 없이 깔끔하고 직관적인 보기를 가질 수 있습니다.

명심해야 할 몇 가지 사항:

Apple 장치의 경우:
- iPad 가로 모드는 비반응형 보기에서 대시보드를 실행합니다.
- iPad 세로 모드는 장치 크기 너비가 768포인트 이상인 경우 무응답 보기에서 대시보드를 실행합니다. 그렇지 않은 경우 대시보드는 iPad mini 또는 9.7'' iPad와 같은 반응형 모드에서 실행됩니다. 장치 크기에 대한 자세한 내용은 다음에서 확인할 수 있습니다. 기초 > 공들여 나열한 것 > 명세서 Apple의 휴먼 인터페이스 지침 섹션 여기.
- 모든 iPhone은 사용자가 세로 보기인지 가로 보기인지에 관계없이 반응형 보기에서 대시보드를 실행합니다.
Android 기기의 경우:

Android 태블릿은 768 중단점을 따릅니다. 장치 크기가 768포인트 미만인 경우 대시보드는 반응형 보기에서 실행됩니다.
모든 Android 휴대폰은 사용자가 세로 보기인지 가로 보기인지에 관계없이 반응형 보기에서 대시보드를 실행합니다.

반응형 뷰에 대한 자세한 내용은 다음을 참조하세요. 반응형 자유 형식 대시보드 생성 모범 사례.

반응형 보기에서 컨테이너 숨기기

기본 보기에서 컨테이너 숨기기

반응형 보기에서 컨테이너 숨기기

대시보드 열기 자유 형식 레이아웃.
작은 화면의 반응형 보기에서 숨기려는 컨테이너를 식별하세요.

원래 비반응형 보기:

반응형 미리보기:

필요한 스크롤을 제거하기 위해 작은 화면의 반응형 보기에서 이미지와 그리드를 숨기려고 합니다.

레이어 패널에서 컨테이너를 마우스 오른쪽 버튼으로 클릭하고 반응형 보기에서 숨기기.

반응형 보기에서 어떤 컨테이너가 숨겨져 있는지 나타내는 아이콘을 확인하세요.
사용 반응형 미리보기 작은 화면 보기가 어떻게 보이는지 확인하세요.
반응형 보기에서 숨겨진 컨테이너를 다시 표시하려면 레이어 패널에서 컨테이너를 마우스 오른쪽 버튼으로 클릭하고 반응형 보기에 표시.

기본 보기에서 컨테이너 숨기기

대형 화면에 대해 기본 무반응 보기에 특정 개체만 표시하려는 경우가 있을 수 있습니다. 이곳은 기본 보기에서 숨기기 유용합니다. 기본 보기에서 숨기기 두 가지 훌륭한 사용 사례가 있습니다.

작은 화면에 대한 반응형 보기를 관리하여 특정 개체만 표시한 다음 큰 화면에 대한 기본 비반응형 보기에서 숨길 수 있습니다. 여기에는 가로 모드의 데스크톱이나 대형 태블릿과 비교하여 소형 모바일 장치에 대해 서로 다른 탐색 모음을 만드는 것이 포함될 수 있습니다. 다음은 두 가지 예입니다.

겹치는 컨테이너를 조정하고 형식을 지정하는 데 도움이 되도록 작성하는 동안 사용하면 좋습니다. 반응하지 않는 기본 화면에서 개체를 숨긴 상태로 유지하지 않으려면 저장하기 전에 캔버스에 다시 표시해야 합니다.