Change layout border color

Can you clarify exactly what you mean by "layout border color"?

Hi,
I have a similar requirement where we need to highlight the card layouts being used frequently to a different colored border, say red and remaining to the normal i.e. gray, (snippet attached).

And also, is there a way we can round these sharp edges of the card layout, as shown for letter 'G'?

Please let me know if this could be achieved. 

Thanks. 

You have 2 main paths forward here:

1. Experiment with current functionality and see if anything currently available will come close enough to your requirements to suit
2. If there are specific things that you need which would require small, concise and easily-understandable additions to the Appian feature set, then open a support case as a product enhancement request (one that comes to mind relative to your example is "allow us to round the corners on card layouts", etc).

For a!cardLayout(), rounded edges are not supported currently - however using nested card layouts you can certainly achieve the "border" coloring:

a!localVariables(
  local!cards: {
    {card: "A", bg: "#000000"},
    {card: "B", bg: "#FF0000"},
    {card: "C", bg: "#000000"},
  },
  a!columnsLayout(
    columns: {
      a!forEach(
        items: 1+enumerate(count(local!cards)),
        expression: a!columnLayout(
          contents: {
            a!cardLayout(
              padding: "EVEN_LESS",
              showBorder: false,
              style: local!cards[fv!index].bg,
              contents: {
                a!cardLayout(
                  showBorder: false,
                  contents: {
                    a!richTextDisplayField(
                      align: "CENTER",
                      value: local!cards[fv!index].card
                    )
                  }
                )
              }
            )
          }
        )
      )
    }
  )
)

For a!cardLayout(), rounded edges are not supported currently - however using nested card layouts you can certainly achieve the "border" coloring:

a!localVariables(
  local!cards: {
    {card: "A", bg: "#000000"},
    {card: "B", bg: "#FF0000"},
    {card: "C", bg: "#000000"},
  },
  a!columnsLayout(
    columns: {
      a!forEach(
        items: 1+enumerate(count(local!cards)),
        expression: a!columnLayout(
          contents: {
            a!cardLayout(
              padding: "EVEN_LESS",
              showBorder: false,
              style: local!cards[fv!index].bg,
              contents: {
                a!cardLayout(
                  showBorder: false,
                  contents: {
                    a!richTextDisplayField(
                      align: "CENTER",
                      value: local!cards[fv!index].card
                    )
                  }
                )
              }
            )
          }
        )
      )
    }
  )
)

i like it.

I had similar requirement and chris solution perfectly fitted for me.

Thanks Chris !!

How to fill color in card. can you please help me out.

Hi,  color can be added through style

a!cardLayout(
  style: "INFO",/*color */
  contents: a!richTextDisplayField(
    label: "I am a card"
  )
)