Salesforce Lightning 디자인 시스템에서 스타일을 구현하여 텍스트 모양을 제어하는 방법에 대해 알아봅니다.

관리자는 Salesforce Lightning Design System(SLDS) 스타일을 사용하여 구성기 UI에서 텍스트의 모양을 어느 정도 제어할 수 있습니다.CPQ 이 기능은 완전히 지원되지 않으며 여러 시나리오에서 제한될 수 있습니다. 사용 가능한 SLDS 스타일은 이 Salesforce 설명서 를 참조하십시오.

완전한 지원이 부족하기 때문에 SLDS 수업을 활용하면 현장의 모든 것에 영향을 미칩니다. 즉, "slds- text-title_bold"을 사용하면 필드의 모든 것이 굵게 표시됩니다. 따라서 클래스를 삽입하고 스타일링을 분리하려면 새 필드를 생성해야 하므로 사용 사례에 SLDS 스타일링을 사용할 수 있는지 여부를 고려하십시오. 결과적으로 좋은 사용 사례는 스타일을 사용하여 헤더를 만드는 것이며 이를 이 문서의 기초로 사용할 것입니다.

SLDS를 사용하여 헤더를 만들려면 첫 번째 단계는 헤더를 사용할 필드를 식별하고 헤더가 레이아웃에 표시되는지 확인하는 것입니다. 그런 다음 레이아웃 화면에서 필드로 이동하여 레이블을 제거합니다. 이렇게 하면 필드의 변수 이름만 남게 됩니다.

다음으로, 새 텍스트 필드를 만들고 텍스트를 제공합니다. 이 새 필드는 기존 필드 위에 배치되며 기본적으로 "헤더" 역할을 합니다. 레이아웃에 배치하고 레이블을 제거합니다. 레이아웃은 이 예와 유사해야 합니다.

마지막으로 레이아웃에서 헤더 역할을 하게 될 새로 만든 필드 위에 마우스를 대고 톱니바퀴를 클릭하여 필드 속성을 불러옵니다. 클래스 이름에 원하는 SLDS 클래스를 추가합니다. 이 예에서는 slds-text-heading_large를 사용했습니다.

Blueprint를 재배포하면 완료됩니다. 구성을 통해 해당 제품을 열어 결과를 확인합니다.