Box Layout Font Size Change

Hi Everyone,

I have a requirement to change the Label of Box Layout from Heading level 2 (i.e. H2) to H3 font.

Any solutions please.

  Discussion posts and replies are publicly visible

Parents
  • There isn't any direct solution to this but I have a work around for you.
    You can use two card layouts below each other and that can give you the look and feel of box layout and also give you more controls on label, size, color etc.
    Refer the code snippet below.

    {
      a!cardLayout(
        style: "#F0F0F0",
        contents: a!richTextDisplayField(
          labelPosition: "COLLAPSED",
          value: {
            a!richTextItem(
              text: "Label",
              size: "MEDIUM"
            )
          }
        )
      ),
      a!cardLayout(
        
      )
    }


    Thanks
    - Harshit

Reply
  • There isn't any direct solution to this but I have a work around for you.
    You can use two card layouts below each other and that can give you the look and feel of box layout and also give you more controls on label, size, color etc.
    Refer the code snippet below.

    {
      a!cardLayout(
        style: "#F0F0F0",
        contents: a!richTextDisplayField(
          labelPosition: "COLLAPSED",
          value: {
            a!richTextItem(
              text: "Label",
              size: "MEDIUM"
            )
          }
        )
      ),
      a!cardLayout(
        
      )
    }


    Thanks
    - Harshit

Children