Header with sub heading

shaikhm2967

Certified Senior Developer

over 1 year ago

How to create that type of interface

Discussion posts and replies are publicly visible

Top Replies

Chris over 1 year ago +1 suggested

a!localVariables( local!data: a!map(name: 155353, unit1Grade: "Test1", unit1Code: "Test2", unit1SchemeCode: "Test3", unit2Grade: "Test1", unit2Code: "Test2", unit2SchemeCode: "Test3"), a!formLayout…

Parents

0 Chris over 1 year ago

a!localVariables(
  local!data: a!map(name: 155353, unit1Grade: "Test1", unit1Code: "Test2", unit1SchemeCode: "Test3", unit2Grade: "Test1", unit2Code: "Test2", unit2SchemeCode: "Test3"),

  a!formLayout(
    contents: {
      a!richTextDisplayField(
        labelPosition: "COLLAPSED",
        value: {
          a!richTextItem(
            text: "Candidate Details",
            size: "LARGE"
          )
        }
      ),
      a!columnsLayout(
        showDividers: true,
        columns: {
          a!columnLayout(
            contents: {
              a!richTextDisplayField(
                label: "CondidateName",
                value: {
                  a!richTextItem(
                    text: local!data.name
                  )
                }
              )
            }
          ),
          a!columnLayout(
            contents: {
              a!richTextDisplayField(
                labelPosition: "COLLAPSED",
                align: "CENTER",
                value: {
                  a!richTextItem(
                    text: "Unit1",
                    style: "STRONG"
                  )
                }
              ),
              a!columnsLayout(
                columns: {
                  a!columnLayout(
                    contents: {
                      a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        value: {
                          a!richTextItem(
                            text: "centreGrade",
                            style: "STRONG"
                          ),
                          char(13),
                          a!richTextItem(
                            text: local!data.unit1Grade
                          )
                        }
                      )
                    }
                  ),
                  a!columnLayout(
                    contents: {
                      a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        value: {
                          a!richTextItem(
                            text: "unitCode",
                            style: "STRONG"
                          ),
                          char(13),
                          a!richTextItem(
                            text: local!data.unit1Code
                          )
                        }
                      )
                    }
                  ),
                  a!columnLayout(
                    contents: {
                      a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        value: {
                          a!richTextItem(
                            text: "schemeCode",
                            style: "STRONG"
                          ),
                          char(13),
                          a!richTextItem(
                            text: local!data.unit1SchemeCode
                          )
                        }
                      )
                    }
                  )
                }
              )
            }
          ),
          a!columnLayout(
            contents: {
              a!richTextDisplayField(
                labelPosition: "COLLAPSED",
                align: "CENTER",
                value: {
                  a!richTextItem(
                    text: "Unit2",
                    style: "STRONG"
                  )
                }
              ),
              a!columnsLayout(
                columns: {
                  a!columnLayout(
                    contents: {
                      a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        value: {
                          a!richTextItem(
                            text: "centreGrade",
                            style: "STRONG"
                          ),
                          char(13),
                          a!richTextItem(
                            text: local!data.unit2Grade
                          )
                        }
                      )
                    }
                  ),
                  a!columnLayout(
                    contents: {
                      a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        value: {
                          a!richTextItem(
                            text: "unitCode",
                            style: "STRONG"
                          ),
                          char(13),
                          a!richTextItem(
                            text: local!data.unit2Code
                          )
                        }
                      )
                    }
                  ),
                  a!columnLayout(
                    contents: {
                      a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        value: {
                          a!richTextItem(
                            text: "schemeCode",
                            style: "STRONG"
                          ),
                          char(13),
                          a!richTextItem(
                            text: local!data.unit2SchemeCode
                          )
                        }
                      )
                    }
                  )
                }
              )
            }
          )
        }
      )
    }
  )
)

Reply

0 Chris over 1 year ago

a!localVariables(
  local!data: a!map(name: 155353, unit1Grade: "Test1", unit1Code: "Test2", unit1SchemeCode: "Test3", unit2Grade: "Test1", unit2Code: "Test2", unit2SchemeCode: "Test3"),

  a!formLayout(
    contents: {
      a!richTextDisplayField(
        labelPosition: "COLLAPSED",
        value: {
          a!richTextItem(
            text: "Candidate Details",
            size: "LARGE"
          )
        }
      ),
      a!columnsLayout(
        showDividers: true,
        columns: {
          a!columnLayout(
            contents: {
              a!richTextDisplayField(
                label: "CondidateName",
                value: {
                  a!richTextItem(
                    text: local!data.name
                  )
                }
              )
            }
          ),
          a!columnLayout(
            contents: {
              a!richTextDisplayField(
                labelPosition: "COLLAPSED",
                align: "CENTER",
                value: {
                  a!richTextItem(
                    text: "Unit1",
                    style: "STRONG"
                  )
                }
              ),
              a!columnsLayout(
                columns: {
                  a!columnLayout(
                    contents: {
                      a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        value: {
                          a!richTextItem(
                            text: "centreGrade",
                            style: "STRONG"
                          ),
                          char(13),
                          a!richTextItem(
                            text: local!data.unit1Grade
                          )
                        }
                      )
                    }
                  ),
                  a!columnLayout(
                    contents: {
                      a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        value: {
                          a!richTextItem(
                            text: "unitCode",
                            style: "STRONG"
                          ),
                          char(13),
                          a!richTextItem(
                            text: local!data.unit1Code
                          )
                        }
                      )
                    }
                  ),
                  a!columnLayout(
                    contents: {
                      a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        value: {
                          a!richTextItem(
                            text: "schemeCode",
                            style: "STRONG"
                          ),
                          char(13),
                          a!richTextItem(
                            text: local!data.unit1SchemeCode
                          )
                        }
                      )
                    }
                  )
                }
              )
            }
          ),
          a!columnLayout(
            contents: {
              a!richTextDisplayField(
                labelPosition: "COLLAPSED",
                align: "CENTER",
                value: {
                  a!richTextItem(
                    text: "Unit2",
                    style: "STRONG"
                  )
                }
              ),
              a!columnsLayout(
                columns: {
                  a!columnLayout(
                    contents: {
                      a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        value: {
                          a!richTextItem(
                            text: "centreGrade",
                            style: "STRONG"
                          ),
                          char(13),
                          a!richTextItem(
                            text: local!data.unit2Grade
                          )
                        }
                      )
                    }
                  ),
                  a!columnLayout(
                    contents: {
                      a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        value: {
                          a!richTextItem(
                            text: "unitCode",
                            style: "STRONG"
                          ),
                          char(13),
                          a!richTextItem(
                            text: local!data.unit2Code
                          )
                        }
                      )
                    }
                  ),
                  a!columnLayout(
                    contents: {
                      a!richTextDisplayField(
                        labelPosition: "COLLAPSED",
                        value: {
                          a!richTextItem(
                            text: "schemeCode",
                            style: "STRONG"
                          ),
                          char(13),
                          a!richTextItem(
                            text: local!data.unit2SchemeCode
                          )
                        }
                      )
                    }
                  )
                }
              )
            }
          )
        }
      )
    }
  )
)

Children

No Data