font size in header of read only and editable grid

Hi all,

I'm a beginner of Appian, and I am required to change the font size of header in read only and editable grid...

Is there any way to change them?

According to richtextdisplayfield, this seems to be only applied to value... not label in grid column...

I need your help.

Best regards,

  Discussion posts and replies are publicly visible

Parents
  • It is not possible for readonly grid. But it is possible to mimic such changes in editable grid. FYI, it has its own limitations and will be suitable only for certain scenarios

    {
      a!gridLayout(
        labelPosition: "ABOVE",
        headerCells: {
          a!gridLayoutHeaderCell(),
          a!gridLayoutHeaderCell(),
          a!gridLayoutHeaderCell()
        },
        columnConfigs: {},
        rows: {
          a!gridRowLayout(
            contents: {
              a!richTextDisplayField(
                value: a!richTextItem(
                  text: "Column Number 1",
                  size: "LARGE",
                  style: "EMPHASIS"
                )
              ),
              a!richTextDisplayField(
                value: a!richTextItem(
                  text: "Column Number 2",
                  size: "MEDIUM_PLUS",
                  style: "STRONG"
                )
              ),
              a!richTextDisplayField(
                value: a!richTextItem(
                  text: "Column Number 3",
                  size: "LARGE",
                  color: "ACCENT"
                )
              )
            }
          ),
          a!forEach(
            items: enumerate(3),
            expression: a!gridRowLayout(
              contents: {
                a!textField(),
                a!textField(),
                a!textField()
              }
            )
          )
        },
        selectionSaveInto: {},
        validations: {},
        shadeAlternateRows: true,
        borderStyle:"LIGHT"
      )
    }

Reply
  • It is not possible for readonly grid. But it is possible to mimic such changes in editable grid. FYI, it has its own limitations and will be suitable only for certain scenarios

    {
      a!gridLayout(
        labelPosition: "ABOVE",
        headerCells: {
          a!gridLayoutHeaderCell(),
          a!gridLayoutHeaderCell(),
          a!gridLayoutHeaderCell()
        },
        columnConfigs: {},
        rows: {
          a!gridRowLayout(
            contents: {
              a!richTextDisplayField(
                value: a!richTextItem(
                  text: "Column Number 1",
                  size: "LARGE",
                  style: "EMPHASIS"
                )
              ),
              a!richTextDisplayField(
                value: a!richTextItem(
                  text: "Column Number 2",
                  size: "MEDIUM_PLUS",
                  style: "STRONG"
                )
              ),
              a!richTextDisplayField(
                value: a!richTextItem(
                  text: "Column Number 3",
                  size: "LARGE",
                  color: "ACCENT"
                )
              )
            }
          ),
          a!forEach(
            items: enumerate(3),
            expression: a!gridRowLayout(
              contents: {
                a!textField(),
                a!textField(),
                a!textField()
              }
            )
          )
        },
        selectionSaveInto: {},
        validations: {},
        shadeAlternateRows: true,
        borderStyle:"LIGHT"
      )
    }

Children
No Data