a!webimage in a!pickerFieldCustom() component

RE: a!webimage in a!pickerFieldCustom() component

bmarie — Wed, 09 Oct 2019 09:45:23 GMT

Hello,

Thanks for your reply.

works fine too.

RE: a!webimage in a!pickerFieldCustom() component

davel001150 — Tue, 08 Oct 2019 13:52:18 GMT

If you're OK with line drawings, you could use the char() function to display emoji via unicode characters. Chrome and other browsers support full-color emoji renderings, though it often has more to do with the OS than the particular browser.

If your users are going to be accessing your application on multiple devices, they may see the emoji rendered differently, and some aren't supported on some browsers but are on others.

🍌 🤐 🍴 🎯 🏛 💵 📜 🔫 ☯ ♻ 🇲🇽

For instance, none of these are displayed like I would expect on my browser, to some degree maybe nicer than I expected. On my own Appian environment they wouldn't do this, and the Mexican flag on the end wouldn't be supported at all.

If it works, and the icon is good enough for your purposes, you just need to find the Unicode code point value for the icon you want, convert that to decimal (they're usually presented in hexadecimal value) and plug that into the char() function. In chrome most will be rendered in full color, but other than that treated no differently than any other letter.

That means you can add the emoji to the text of your picker, and still use the default custom picker component with the full-color emojis.

RE: a!webimage in a!pickerFieldCustom() component

Mike Schmitt — Tue, 08 Oct 2019 12:36:23 GMT

[quote userid="40384" url="~/discussions/f/user-interface/17707/a-webimage-in-a-pickerfieldcustom-component/69790"]but the behavior is not exactly the same[/quote]

i agree- my method is definitely a workaround; since we can't display icons/pictures in a Custom Picker, then when showing icon/pictures is more important than having the original functionality of the custom picker, it can be used as a viable alternative.

RE: a!webimage in a!pickerFieldCustom() component

bmarie — Tue, 08 Oct 2019 06:02:32 GMT

You suggestion works fine, but the behavior is not exactly the same.

When the grid is displaying data, all components bellow move down. When I use a picker, choices are displayed over the other components.

RE: a!webimage in a!pickerFieldCustom() component

Mike Schmitt — Mon, 07 Oct 2019 16:02:21 GMT

great, thanks for confirming - if you'd be willing, it would be great if you could upvote and/or verify my suggestion above 🙂

RE: a!webimage in a!pickerFieldCustom() component

bmarie — Mon, 07 Oct 2019 14:30:24 GMT

Hello Mike,

Thank you for you answer !

I tried with the read-only and an input text and it's working fine.

Regards,

Bruno.

RE: a!webimage in a!pickerFieldCustom() component

Mike Schmitt — Mon, 07 Oct 2019 12:57:48 GMT

The Custom Picker Field only offers plaintext in its pop-up suggestions, with no particular plans to change that as far as I know.

My suggestion to you is, consider using the new (19.2+) paging / "Read-Only" grid to create a picker for yourself, as this grid is capable of using the full capabilities of the Rich Text Display Field component, including rich text icons, colors, images, etc. If you would like to do this but need to keep the ability to allow the user to search for the required item via a text search, my normal trick is to just have a "filter" text box right above or right below the grid which instantly filters down the grid's contents as the user types.

RE: a!webimage in a!pickerFieldCustom() component

bmarie — Mon, 07 Oct 2019 08:37:18 GMT

Hello Robert,

Please see bellow for an eexample.

In this example, I can see a web image and a text.

Regards,

Bruno

RE: a!webimage in a!pickerFieldCustom() component

Robert Shankin — Fri, 04 Oct 2019 16:02:47 GMT

Bruno -

Do you have a mockup or wireframe of your desired outcome so we can see what your intentions are?