Button shaped image placeholder with dynamic controls

[Koichi_Tsuji]

It looks nice took to throw additional flavour to App ui to get some row to stand out.

ClickMinded – 2 Mar 20

Da Button Factory - Free CTA Button Generator

A FREE online button generator. Design your very own button and download the image or get the CSS code. It's quick & easy!

[teambelair]

Looks great. Did you download the image or it s rendered live with CSS?

[teambelair]

I would love to have this button look for the action “Done” below on this card view.

Many users didn’t know it was a button at first with the current look.

Is this possible to do with Da Button Factory - Free CTA Button Generator ?

[Fabian_Weller]

No, because this Action is text based.
The only place you can add one more image is in the header.
You than could change the “On Click” to your Action “Done”.
So if the user clicks on the image, it will fire the Action “Done”. Of course it will fire also if he clicks on any other part. I know this is not a perfect solution.

But maybe a simple check icon at the bottom right would be enough for the user to understand?

[teambelair]

Thanks @Fabian , I initially had just the check and they didn’t know either.

[teambelair]

Is it possible to have this nice button in detail view? I was able to display it (using Show field) but not add an action over it. The action with inline property of this field didn’t work.

[Fabian_Weller]

Hi @teambelair please refer to this post:

Create and use virtual "show" columns for text, URL's, video etc Tips & Tricks 💡

Something like this? You can use an Action “External: go to a website” and attach it to an image column. [image] But this would appear under the image. [image] You cannot attach this Action to a Show column. I mean: You can, but it won’t show up.

[teambelair]

Thanks. Went through the post but it doesn’t look like I can use Da Button Factory - Free CTA Button Generator in Detail view and trigger an action when clicking on it. Did I miss something?

[Steve]

True, Show columns cannot be used to trigger actions.