Hi
Is there a way to change layout border color from default gray to any other? I would like to have several layouts with different border colors.
Thank you
Discussion posts and replies are publicly visible
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:
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 !!