Customize a Salesforce Object: Customize Record Pages

Posted on by admin

Study for the Administrator Certification Exam > Object Manager and Lightning App Builder (15%) > Customize a Salesforce Object > Customize Record Pages

The Rundown

Noah Larkin, AW Computing’s VP of Services, is concerned that his Consulting team uses accounts to capture details of consulting partners, but some of the fields they see aren’t applicable to their partner accounts. He would like all sales-related information removed.

컨설팅팀이 컨설팅 파트너 정보를 저장하기 위해 Account를 사용하는데, 어떤 필드들은 파트너정보를 저장하기에 적절하지 않은것들이 있어요. Sales관련한 정보는 전부 안보이게 해주세요.

Allison Wheeler also contacted you with a request. She’s concerned that the new account fields appear together in the top section of account record detail pages. She’d like them organized into different sections to make it easier for her team to find the right information.

Account Detail페이지에 새로운 필드가 다 한곳에 보이는데 필드들을 섹션에 나누어 볼수 있게 정리하고 싶어요.

요구사항 정리:

  • Sales User와 Support User는 Region과 Zone을 별도의 섹션에서 보여주기 (우측 사이드바)
  • Partner Account일때는 Region과 Zone섹션을 보여주지 않도록

Adjust the Fields on the Page

Default Page를 수정해서 Sales와 Support User들에게만 보여줄 Customer Account Page를 생성합니다.

  1. App Launcher > Sales > Accounts > All Accounts > Edge Communications
  2. 우측 최상단 톱니아이콘 > Edit Page > Page (우측 속성 창)
    • Label: Customer Account Page
    • API Name: Customer_Account_Page
  3. Canvas (가운데 창) > Detail 탭 > 레코드Details 클릭 (우측 속성창에 Page > Record Detail로 나옴)
  4. 우측 속성 창 > Page > Record Detail > Upgrade Now버튼 클릭
  5. Next
  6. ✅ Account Layout
  7. Finish
    이제 필드를 개별선택할 수 있습니다.
  8. 좌측 툴바 > Field 탭 > Field Section을 드래그해서 Additional Information섹션 밑에 끌어다 놓음
    • 해당 섹션을 선택한 상태에서
    • 우측 속성 창 > Page > Field Section
      • Custom Label: Sales Region
  9. 좌측 툴바 > Field 탭 > Field Section을 드래그해서 Sales Region섹션 밑에 끌어다 놓음
    • 해당 섹션을 선택한 상태에서
    • 우측 속성 창 > Page > Field Section
      • Custom Label: Support Plan Information

한군데 모여있던 필드들을 아래와 같이 이동시켜줍니다:

  1. Region
    • Sales Region > Left
  2. Zone
    • Sales Region > Right
  3. Has Support Plan
    • Support Plan Informaiton > Left
  4. Support Plan Expiration Date
    • Support Plan Information > Right

Sales Region섹션이랑 Support Plan Information섹션이 너무 밑에 있는 것 같아요. 오른쪽 사이드바로 옮겨줄게요.

  1. Sales Region섹션에 마우스를 올리면 Move component 아이콘이 나옵니다. 그걸 잡아다 끌어서 오른쪽 사이드바의 Activity and Chatter있는데다가 옮겨놓으세요. 섹션이 그 윗쪽으로 배치가 됩니다.
  2. 마찬가지로 Support Plan Information섹션도 Sales Region밑으로 섹션의 위치를 옮겨주세요.

Lastly, make the Prospect Rating field required.

  1. 가운데 창 > 메인바디 > Details 탭 > Account Information > Prospect Rating필드 선택
  2. 우측 속성 창 > UI Behavior
    • ✅ Required
  3. Save
  4. Not Yet

Lightning App Builder에서 화면에 보여지는 부분을 담당한다면, 해당 페이지에 데이타를 제공하는 부분은 바로 Page Layout Editor가 합니다. 즉, Page Layout Editor에서 데이타를 제공해야 Lightnign App Builder에서 예쁘게 배치를 할수가 있다는 말이에요.

  • Page Layout → 데이터 구조 / 필드 관리
    • 어떤 Field를 보여줄지
    • 필드 순서
    • Section 구성
    • Related List
    • Quick Actions
  • Lightning App Builder → 화면 UI 구성
    • Tabs
    • Accordion
    • Related Record component
    • Report
    • Visualforce
    • Custom components

이번에는 Do Not Call칼럼을 Contacts의 Related List에 추가해 볼게요:

  1. Lightning App Builder의 좌측상단에 Back (Back)버튼을 클릭해서 Edge Communications상세 페이지로 돌아가세요.
  2. 우측 최상단 톱니바퀴 > Edit Object > Page Layouts > Account Layout > Related List > Contacts > wrenchWrench icon
    • Add “Do Not Call” to Selected Fields
  3. OK

Related List 안에 섹션이 여러개 있잖아요. 그중에서 Opportunities섹션을 가장 위에 보여줘 볼게요:

  1. Related Lists > Opportunities
  2. 상단 회색바를 잡고 맨위로 끌어다 옮기세요
  3. Save
  4. Yes

Activate the Customer Account Page

아까 만든 “Customer Account Page”를 Customer Account Record Type에서 보여주도록 하겠습니다.

  1. Setup > Lightning App Builder > Customer Account Page > Edit > Activation
  2. APP, RECORD TYPE, AND PROFILE 탭 > Assign to Apps, Record Types, and Profiles
    • Lightning Apps:
      • ✅ Sales
  3. Next
    • ✅ Desktop and phone
  4. Next
    • Record Types:
      • ✅ Customer Account
  5. Next
    • Profiles:
      • ✅ Sales User
      • ✅ Support User
  6. Next
  7. Save
  8. Save

Create a Partner Account Page

이제 드디어 Partner Account Page를 만들어서 Record Type에 따라 Customer Account Page와 다르게 보이는 것을 구현해보도록 하겠습니다. 우선 Customer Account Page를 Clone해서 Partner Account Page를 생성해주세요.

  1. Setup > Lightning App Builder > Customer Account Page > Clone
  2. 우측 속성창 > Page
    • Label: Partner Account Page
    • API Name: Partner_Account_Page
  3. 가운데 창 > 메인정보 > Details탭 > Account Information > Prospect Rating > Delete(Delete)
  4. 가운데 창 > 우측 사이드바 > Sales Region 섹션 > Delete(Delete)
  5. 가운데 창 > 우측 사이드바 > Support Plan Information 섹션 > Delete(Delete)
  6. Save
  7. Activate
    • APP, RECORD TYPE, AND PROFILE > Assign to Apps, Record Types, and Profiles
      • Lightning Apps:
        • ✅ Sales
      • Next
        • ✅ Desktop and phone
      • Next
        • Record Types:
          • ✅ Partner Account
      • Next
        • Profiles:
          • ✅ Sales User
          • ✅ Support User
      • Next
    • Save
    • Save!