Styled Icon in a Paging Grid

RE: Styled Icon in a Paging Grid

Mike Schmitt — Tue, 06 Jul 2021 15:43:31 GMT

Just FYI, this was a very old post. Some of us refer to these as "zombie threads".

Since this was originally posted, 19.2 was introduced which came with a whole new Paging Grid (aka Read-Only Grid) component, which now uses a!gridColumn() (instead of a!gridTextColumn()), which can be fed a rich text display field as the value for any or all cells, which marks a dramatic improvement.

For what it's worth, I recommend people use a!richTextIcon() and the natively supported icon set (as opposed to the a!documentImage approach seen here), unless there are strong reasons that require it - just for standardization and upkeep reasons.

RE: Styled Icon in a Paging Grid

saurabhm0002 — Mon, 05 Jul 2021 14:40:45 GMT

Hi Fneup,

Steps to use custom Icon as below,

1.you can upload custom icon as document in Appian

2.use a!richtextdisplayField inside use a!richtexticon and inside image contain use a!documentImage and give uploaded documentID and icon will display.

eg. a!richTextDisplayField(
value:
{
a!richTextImage(image: a!documentImage(document: "20817",altText: "Test")),
a!richTextImage(image: a!documentImage(document: "20816",altText: "Test"))
}
)

RE: Styled Icon in a Paging Grid

Fneup — Tue, 29 Jan 2019 11:27:15 GMT

Hi everyone,
Thank you for your answers !
I am well aware of the gridImageColumn workaround, the unicode character is also a good idea.
My main concern was about the ablity to use rich text icons in paging grids. I do understand that there is currently no way to do so.
Thanks again !

RE: Styled Icon in a Paging Grid

bhanuprakash1303 — Tue, 29 Jan 2019 10:12:49 GMT

Hi François-Nicolas PARACHINI,

You can use a!gridImageColumn instead of a!gridtextColumn.

and replace the richtext with a!documentimage. it will work

sample code:
a!gridImageColumn(
label: ""
field:"prioruty",
size: "ICON",
datd:a!documentImage(
document: a!iconIndicator(
icon: "PRIORITY_HIGH"
),
altText: "HIGH PRIORITY",
caption: "HIGH PRIORITY"
)),

Thanks & Regards,
Bhanu

RE: Styled Icon in a Paging Grid

Chanakya Volam — Mon, 28 Jan 2019 17:01:51 GMT

If you would like to just display a warning icon you can use unicode characters as a workaround.

char(9888) this would return warning icon. Please make sure to test in all the browsers coz sometimes chrome,firefox,edge render same code in different styles, Use xahlee.info/.../unicode_index.html for reference to unicode characters

RE: Styled Icon in a Paging Grid

Mike Schmitt — Mon, 28 Jan 2019 15:55:02 GMT

There's currently no way to use Rich Text components within a paging grid at all; we're pretty much limited to a!gridTextColumn (which renders whatever it gets as plaintext), and a!gridImageColumn (which only accepts document images and similar). Hence my feature request. There are also other strong use cases, which is why I believe this is badly overdue functionality.

Edit (2021-07-06) - since someone has revived this zombie thread and thus floated it back to the top of community after 2.5 years, I'll go ahead and point out here that this is now a moot point since the introduction of the New Read-only Grid Component in Appian 19.2, which now inherently supports Rich Text fields (and much easier row-by-row logic in columns).

RE: Styled Icon in a Paging Grid

Vinay Kumar Rai — Mon, 28 Jan 2019 14:15:35 GMT

Hi,

RichText field will not work on Paging grid, you can use a!documentImage.
please find the reference below.
docs.appian.com/.../recipe_display_processes_by_process_model_with_status_icons.html

Thanks
Vinay