Radio Buttons and Read Only Grid

Question

Hi All, 
 
 Is it possible to have radio buttons in a grid column of a read only grid? 
 
 Thanks in advance

Mathieu Drouin · Accepted Answer

Not possible. Contrary to the editable grid, the read only grid does not support as many components. 
 From the documentation: 
 https://docs.appian.com/suite/help/23.3/Grid_Column_Component.html 
 
 The value can be text, a!imageField(), a!linkField(), a!richTextDisplayField(), a!tagField(), a!buttonArrayLayout(), a!recordActionField(), or a!progressBarField().

Mike Schmitt · Answer

As a workaround, consider that that Read Only Grid can very easily show the Rich Text Display Field and any of its possible configurations, including all of the Rich Text Icon choices, which include various options that replicate radio buttons and checkboxes.

Mike Schmitt · Answer

Can you provide a bit more detail as to what you're trying to allow them to select/unselect? The concept of selection in a read-only grid is generally keyed specifically towards selection of an entire row (or set of rows), but it sounds like you might really be after something else here - I'm having a hard time telling what, though.

Mike Schmitt · Answer

If this is a yes/no question that will need to be saved into every row of an array of data, then you should probably be using an Editable Grid instead of a read-only grid.

Mike Schmitt · Answer

I had this already written before I realized OP was not after row-by-row selection. Pasting it here anyway as a pattern for others to use if needed. I think it looks pretty decent and I only wish it were possible 5 or 6 years ago, lol. 
 a!localVariables(
 
 local!gridData: a!forEach(
 enumerate(9),
 a!map(
 id: fv!index,
 name: "Row " & fv!index
 )
 ),
 
 local!selection: tointeger(null()),
 
 a!gridField(
 data: local!gridData,
 selectable: false(),
 
 columns: {
 a!gridColumn(
 helpTooltip: "Fake Selection Column",
 width: "ICON",
 align: "CENTER",
 value: a!richTextDisplayField(
 value: a!richTextItem(
 text: {
 a!richTextIcon(
 icon: "circle-o",
 showWhen: local!selection <> fv!row.id,
 size: "MEDIUM",
 link: a!dynamicLink(
 saveInto: {
 a!save(
 local!selection,
 fv!row.id
 )
 }
 ),
 linkStyle: "STANDALONE",
 caption: "Click to Select"
 ),
 a!richTextIcon(
 icon: "dot-circle-o",
 showWhen: local!selection = fv!row.id,
 size: "MEDIUM",
 color: "ACCENT",
 caption: "Currently Selected"
 )
 }
 )
 )
 ),
 
 a!gridColumn(
 label: "Id",
 value: fv!row.id
 ),
 a!gridColumn(
 label: "Name",
 value: fv!row.name
 )
 }
 )
)

Radio Buttons and Read Only Grid

Top Replies