매쉬업 작성기 > 매쉬업 > 반응형 매쉬업 > 컨테이너 확대 및 축소
컨테이너 확대 및 축소
EnableExpandCollapse 속성을 설정하여 매쉬업 내 컨테이너의 표시 유형을 제어할 수 있습니다. 컨테이너를 축소하면 해당 콘텐츠가 사용자에게 표시되지 않습니다. 확장하면 컨테이너 및 해당 콘텐츠가 표시됩니다. 버튼 또는 ExpandCollapse 서비스를 사용하여 컨테이너 표시 유형을 제어할 수 있습니다. 예를 들어, 이 속성을 사용하여 항상 표시할 필요가 없는 구성 옵션을 가진 컨테이너를 표시하거나 숨길 수 있습니다.
서비스를 사용하여 컨테이너 확장 또는 축소
1. Mashup Builder에서 캔버스의 컨테이너를 선택합니다.
ThingWorx 9.1 및 이전 버전에서는 레이아웃의 모서리에 있는 컨테이너만 선택할 수 있습니다.
2. 속성 패널에서 EnableExpandCollapse 속성을 선택합니다.
3. 이벤트를 컨테이너의 CollapseExpand 서비스에 바인딩합니다.
이벤트가 트리거되면 서비스가 실행되고 컨테이너가 확장되거나 축소됩니다. 위젯, 함수 또는 서비스에서 이벤트를 바인딩하여 컨테이너의 표시 유형을 제어할 수 있습니다.
버튼을 사용하여 컨테이너 확장 및 축소
1. Mashup Builder에서 캔버스의 모서리에 배치된 컨테이너를 선택합니다.
2. 속성 패널에서 다음을 수행합니다.
a. EnableExpandCollapse 속성을 활성화합니다.
b. ShowExpandCollapseTab 속성을 활성화합니다.
컨테이너에 화살표 버튼 확장 축소 버튼이 나타납니다. 버튼을 클릭하여 런타임에 컨테이너를 확장하거나 축소할 수 있습니다.
컨테이너 오버레이
컨테이너를 확장하거나 축소하면 매쉬업 내의 컨테이너 크기가 변경됩니다. 이렇게 하면 사용자의 매쉬업 레이아웃이 끊어질 수 있습니다. 이 Overlay 속성을 사용하면 컨테이너를 레이아웃 위쪽에 표시할 수 있습니다. 고정 또는 지정된 크기 범위가 있는 컨테이너에 대해서만 이 속성을 사용할 수 있으며, 이러한 컨테이너는 매쉬업의 모서리에 있습니다.
도움이 되셨나요?