Anyone may share how to add action icon/image on Appian form interface? So

Hi heriz,

You can use a!imageField to show a image(icon) and enable link on it.Please find the attached sample code and below link for more details.

forum.appian.com/.../SAIL_Components.html

Sample.txt

Hi Naresh,

Yes it's right. And how about to combine icon and text in the same line ? For the pict above, we need to add some information text.

@heriz Hi, could you please elaborate on 'add action icon/image'?

Apologies, please ignore the above comment as I didn't refresh the browser before commenting. It might be worth going through the attached code. The caption of the image should let the user know what an image represents and it infact acts as hover text. In the saveInto attribute of dynamic link you can carry out the processing that should happen upon clicking an image.

Sample recipe.txt

Hi, what I mean is to show clickable image and then show data directly in the form based on clicked image (I can get the point from the sample provided by Naresh).

My next question is how to put icon and text together in the same line (side-by-side)?
Thank you.

@heriz I might be wrong, but afaik text and image are different SAIL components, and so they can't be aligned side by side.

Hi @sikhivahans, I think it's possible cause I got this from 'Appian World 2015 Agenda' record. Maybe you can see it too.

I guess it should be a unicode character as per my knowledge.

Please try this example:
a!paragraphField(value:concat(char(9608)," some text goes here"), readOnly:true)

They have used a unicode for doing so. Also the content which you are referring to, is a paragraph component as per my knowledge.

Also one more thing to add is, two components can't be aligned side by side, at times we do overcome this by using two column layout + hidden label for second component + adjacent setting for field label of first component which almost gives user a look and feel that both are side by side.

yes got it now. Thanks a lot @sikhivahans for your kindly help. Thanks!