Help me for creating the interface like this

Refer this pattern example for sample code

Tabs Patterns - Appian 22.3

Hi [mention:ec5065f0ca8845eeb4dc43351566d691:e9ed411860ed4f2ba0265705b8793d05]

Hope the below sample code is helpful

a!localVariables(
  local!selectedTab: 1,
  local!tabNames: {
    "Summary",
    "Application Details",
    "Offer Details",
    "Company Details",
    "Applicant Details",
    "Documents",
    "Workflow Items",
    "History Record"
  },
  a!formLayout(
    label: concat(
      user(loggedInUser(), "firstName"),
      " | ",
      user(loggedInUser(), "lastName")
    ),
    contents: {
      a!buttonArrayLayout(
        buttons: {
          a!forEach(
            items: local!tabNames,
            expression: a!buttonWidget(
              label: fv!item,
              saveInto: if(
                local!selectedTab = fv!index,
                {},
                a!save(local!selectedTab, fv!index)
              ),
              size: "SMALL",
              width: "MINIMIZE",
              style: if(
                local!selectedTab = fv!index,
                "PRIMARY",
                "LINK"
              )
            )
          )
        }
      ),
      a!richTextDisplayField(
        labelPosition: "COLLAPSED",
        value: a!richTextItem(
          text: concat(
            choose(
              local!selectedTab,
              "The contents of the First tab would go here",
              "The contents of the Second tab would go here",
              "The contents of the Third tab would go here",
              "The contents of the Fourth tab would go here",
              "The contents of the Fifth tab would go here",
              "The contents of the Sixth tab would go here",
              "The contents of the Seventh tab would go here",
              "The contents of the Eight tab would go here"
            )
          ),
          style: "EMPHASIS"
        ),
        align: "CENTER"
      )
    }
  )
)