Grid column highlighted

RE: Grid column highlighted

komalj0001 — Mon, 14 Dec 2020 06:50:53 GMT

a!forEach(
items: {1,2,3},
expression: {
a!cardLayout(
style:if(
fv!index=2,
"WARN",
"STANDARD"
),
contents: {
a!gridField(
shadeAlternateRows:false(),
spacing:"DENSE",
borderStyle:"LIGHT",
totalCount: 1,
columns: {
a!gridTextColumn(

field: "c10",
data: "Test1"
),
a!gridTextColumn(

field: "c16",
data:"Test2"
),
a!gridTextColumn(

field: "c12",
data: "Test3"
),

},
value: a!pagingInfo(1,-1)
)
}
)

})

RE: Grid column highlighted

mariom0001 — Tue, 23 Apr 2019 13:17:50 GMT

Maybe because our users do not realize that the column has been selected just with an arrow in the column header

RE: Grid column highlighted

davel001150 — Tue, 23 Apr 2019 13:14:43 GMT

What would be the use case for such a feature? Currently, Appian supports clicking on a column header to sort by that column ascending and descending, which is demonstrated by an arrow in the column.

I'm curious what the use case is for highlighting a column as opposed to selecting a row.

RE: Grid column highlighted

mariom0001 — Tue, 23 Apr 2019 07:19:35 GMT

Thank you very much for your quick answer but the want to get this effect (see the picture) in a column instead of a row.

RE: Grid column highlighted

Krishna Chaitanya Mallavarapu — Mon, 22 Apr 2019 15:04:52 GMT

In Editable grid you can use a!richTextDisplayField() ,you can set font and text color

= load(
  local!items: {
    {
      item: "Item 1",
      qty: 1,
      unitPrice: 10
    },
    {
      item: "Item 2",
      qty: 2,
      unitPrice: 20
    }
  },
  a!gridLayout(
    label: "Products",
    instructions: "Update the item name, quantity, or unit price.",
    headerCells: {
      a!gridLayoutHeaderCell(
        label: "Item"
      ),
      a!gridLayoutHeaderCell(
        label: "Qty",
        align: "RIGHT"
      ),
      a!gridLayoutHeaderCell(
        label: "Unit Price",
        align: "RIGHT"
      ),
      a!gridLayoutHeaderCell(
        label: "Total",
        align: "RIGHT"
      )
    },
    rows: a!forEach(
      items: local!items,
      expression: a!gridRowLayout(
        contents: {
          a!textField(
            value: fv!item.item,
            readOnly: true()
          ),
          a!integerField(
            value: fv!item.qty,
            align: "RIGHT",
            readOnly: true()
          ),
          a!floatingPointField(
            value: fv!item.unitPrice,
            align: "RIGHT",
            readOnly: true()
          ),
          a!richTextDisplayField(
            label: "",
            value: a!richTextItem(
              text: dollar(
                tointeger(
                  fv!item.qty
                ) * todecimal(
                  fv!item.unitPrice
                )
              ),
              color: "POSITIVE"
            ),
            align: "RIGHT"
          )
        }
      )
    ),
    rowHeader: 1
  )
)