LuckyTemplates 필터를 사용하는 동적 탐색 메뉴

이 자습서에서는 LuckyTemplates에서 필터를 사용하여 궁극적인 동적 탐색 메뉴를 만드는 방법을 보여줍니다. 이렇게 하면 LuckyTemplates 보고서 내에서 사용자 환경이 향상됩니다. 이 블로그 하단에서 이 튜토리얼의 전체 비디오를 볼 수 있습니다.

LuckyTemplates에는 많은 옵션이 있습니다. 보고서의 다른 페이지로 안내하는 페이지 및 탐색 메뉴에 표시되는 필터를 가질 수 있습니다. 특정 버튼을 클릭할 때 열고 닫을 수 있는 동적 필터 메뉴를 가질 수 있습니다. 버튼을 클릭하면 열 수 있지만 주변을 클릭하면 닫힐 수 있는 완전히 동적인 필터 메뉴를 만들 수도 있습니다.

이 메뉴를 만드는 방법과 보고서 내에서 동일한 기술을 구현하는 방법을 보여 드리겠습니다.

목차

• 동적 탐색 메뉴를 추가하는 방법
  • 빈 버튼 만들기
  • 요소 이름 바꾸기
  • 레이어 순서 유지
  • 동적 탐색 메뉴의 책갈피 만들기
• 결론

동적 탐색 메뉴를 추가하는 방법

먼저 선택 창과 책갈피 창도 엽니 다. 아래는 내가 만든 보고서이며 탐색 메뉴를 만든 선택 창에서 볼 수 있습니다. 이 탐색 메뉴는 동적 메뉴 내의 모든 요소로 구성됩니다.

모든 요소를 ​​함께 그룹화하고 내림차순으로 배치하는 것이 매우 중요합니다. 보시다시피 제목, 필터, 모양이 있고 닫기 버튼이 있습니다.

빈 버튼 만들기

이 닫기 버튼은 실제로 빈 버튼이므로 새로 만들어 보겠습니다.

삽입 탭 , 버튼 으로 이동한 다음 공백 을 선택합니다 .

이렇게 배치된 빈 버튼으로 페이지 전체를 완전히 펼쳐서 덮습니다. 그런 다음 배경을 끕니다.

요소 이름 바꾸기

보시다시피 페이지에서 만든 모든 요소는 선택 항목의 맨 위에 표시됩니다. 그래서 우리는 그것을 두 번 클릭하고 요소의 이름을 바꿔야 합니다 . 우리가 보고 있는 것을 이해하기 쉬울 것입니다.

그런 다음 필요한 위치로 드래그합니다.

필터가 지워진다는 의미의 아이콘을 표시하는 작은 이미지도 생성한 것을 볼 수 있습니다.

레이어 순서 유지

이제 메뉴와 버튼을 만들고 항목 이름을 지정하고 올바른 순서로 그룹화했으므로 레이어 순서를 유지 해야 합니다 . 즉, 이 페이지의 모든 요소에는 레이어 순서 유지가 켜져 있어야 합니다. 이것은 메뉴가 항상 메뉴의 다른 요소 아래에 있도록 유지하는 데 매우 중요합니다. 도형 메뉴 아래에 있어야 하는 공백 버튼의 경우도 마찬가지입니다.

동적 탐색 메뉴의 책갈피 만들기

동적 메뉴를 설정하기 위해 해야 할 다음 일은 책갈피를 만드는 것입니다. 따라서 북마크를 만들고 이름을 Navigation Open 이라고 하겠습니다 . 클릭하면 더 많은 옵션이 있으며 기본적으로 데이터, 디스플레이, 현재 페이지 및 모든 시각적 개체가 선택되어 있음을 알 수 있습니다. 우리는 이러한 모든 옵션을 선택하고 싶지 않습니다.

예를 들어, 데이터가 선택되어 있고 최종 사용자가 페이지에서 다른 필드(모든 날짜)를 선택한 경우 메뉴를 열 때 선택 항목이 화면에 표시되지 않습니다. 그래서 우리는 그것을 원하지 않습니다.

All Visuals도 선택하고 싶지 않습니다. 열려 있는 탐색 메뉴만 갖고 싶습니다. Navigation을 클릭한 다음 Navigation Open을 클릭하고 Selected Visual을 선택합니다.

이제 이 버튼에 액션을 부여 하려고 합니다 . 그래서 이 버튼은 이동할 동작이 있는 빈 버튼이기도 합니다. 예를 들어 우리가 방금 만든 책갈피인 탐색 열기라고 합시다.

따라서 이 책갈피를 사용하면 메뉴를 열어도 페이지가 변경되지 않습니다. 예를 들어 페이지에서 지난 6개월을 선택하면 페이지 결과가 변경됩니다. 그런 다음 메뉴를 클릭하면 이전에 선택한 모든 항목이 그대로 남아 있는 것을 볼 수 있습니다.

우리가 하고 싶은 두 번째 책갈피는 닫기 메뉴입니다. 이를 탐색 닫기 책갈피라고 부르겠습니다. 다시 한 번 옵션으로 이동하여 데이터를 제거한 다음 선택한 시각적 개체를 선택한 다음 업데이트합니다.

작업의 경우 버튼 닫기 탐색으로 이동한 다음 탐색 닫기를 선택합니다.

이를 통해 메뉴를 열고 주변을 클릭하면 닫을 수 있습니다. 내부를 클릭하면 열린 상태로 유지됩니다.

결론

다음은 동적 탐색 메뉴를 만드는 데 필요한 단계입니다. 버튼으로 메뉴를 만들고 적절한 이름을 지정하여 함께 그룹화하고 모든 요소에 레이어 순서 유지가 켜져 있는지 확인해야 합니다.

다음으로 메뉴, 페이지의 빈 필터, 세 개의 책갈피를 여는 작업을 만들어야 합니다.

오늘은 여기까지입니다. 이 튜토리얼이 도움이 되었기를 바랍니다. 이러한 간단한 단계를 구현하면 LuckyTemplates 보고서 내에서 동일한 유형의 메뉴를 만들 수 있다고 확신합니다 .

모두 제일 좋다!

고품질 LuckyTemplates 보고서 탐색 경험
LuckyTemplates 애플리케이션 및 기발한 탐색 아이디어
LuckyTemplates Drill Through 탐색 기술