위치:
탭 레이아웃
탭 레이아웃 구성 요소를 사용하여 구조에 대해 사용자 정의 가능한 탭 집합으로 다른 구성 요소를 그룹화합니다. 필요한 만큼의 탭과 원하는 구성 요소를 추가합니다. 탭의 이름을 변경하고 순서를 다시 설정하고 사이트에서 게스트 사용자에게 개별 탭을 표시할지 또는 숨길지 여부를 선택할 수 있습니다.
탭 레이아웃 구성 요소는 탭 구성 요소를 대체하며 Aura 사이트에 더 나은 성능을 제공합니다. 탭 구성 요소는 계속 작동되지만 더 이상 사용되지 않으므로 최신 환경을 위해 탭에서 탭 레이아웃으로 콘텐츠를 이동하는 것이 좋습니다.
- 탭 레이아웃 구성 요소를 페이지에 추가하거나 구성 중인 페이지에서 선택합니다.
-
속성 패널에서 구성 요소를 구성합니다.
- 다른 탭을 추가하려면 추가를 클릭합니다.
- 탭의 이름을 변경하거나 공용으로 설정하고 탭을 선택합니다. 사이트에서 게스트 사용자가 해당 탭을 사용할 수 있도록 하려면 공개적으로 사용 가능을 선택합니다. 탭을 공개적으로 사용할 수 없다면 전체 탭 레이아웃 구성 요소가 게스트 사용자로부터 숨겨져 있는 것입니다.
- 탭의 순서를 다시 설정하려면 타일을 새로운 위치에 끌어다 놓습니다.
- 각 탭에 구성 요소를 추가합니다. 탭 레이아웃 구성 요소를 다른 탭 레이아웃 구성 요소에 추가할 수 없습니다.
중요 기존 탭 구성 요소에 사용자 정의 CSS를 적용하면 탭 레이아웃에 자동으로 적용되지 않습니다. 신규 구성 요소는 탭과 다른 마크업을 사용하므로, 새 CSS 선택기를 대상으로 CSS를 조정해야 합니다. 예를 들어 맞춤형 CSS를 사용하여 Tabs 구성 요소에서 CSS 클래스
uiTabItem을 타게팅한 경우, 해당 맞춤형 CSS는 이제 Tab 레이아웃의 slds-tabs_default__item을 타게팅해야 합니다.다국어 사이트에서 새 탭 레이블을 다른 언어로 표시하려면 사이트 콘텐츠를 내보내고 탭 이름을 번역한 후 사이트에 번역을 다시 가져옵니다.
이 기사를 통해 문제를 해결했습니까?
개선을 위한 의견을 보내주세요.
