Action button "ish" texts or Text button "ish" button icon?

To put a little different taste and flavour to detail view, this can be additional UI and component as action button ? Not sure how to β€œname” those, but we can place any text you want and make it an action button to β€œdo” something you want.

Sample App

Just using UNICODE text and place to the cell value. Then using the Appsheet format to large the size and change the color. Create action and place it as INLINE to attached to those text fields.
Inline action button is hidden by giving white color of #ffffff hex code to action icon.
To place those text horizontally centered, place the icon on the texts by format rule and samely hide it by giving white color.

There are bunch of unicode text generator, but i found this is useful.

https://fsymbols.com/generators/smallcaps/

3 Likes

This is awesome and very creative. Thank you for sharing this @tsuji_koichi

Please allow me to add some thoughts :slight_smile:

You can delete the Action icon. I think you don’t need it.
image

You also don’t need the Icon in Format Rules.
Just set the Highlight Color to #ffffff00 or #0000 which will make it transparent.

Otherwise you will see the icon if you long click with your mouse:
image

If you have a Centered Detail view like you do, you don’t even need the Highlight Color. Because the Text will be already centered.

1 Like

Thanks for your feedback as always. I made the icon colors transparent on sample app as well.

1 Like