create a clickable container

[oswaldB]

Hello,

It could be very convenient and very useful to have the capacity to create a clickable container :)

Is it something hard for you to design?

Have a nice day

[joebudi]

What happens when you click the container?

[oswaldB]

but it can update a row as well

[joebudi]

Interesting. And why don't you just use a button?

[oswaldB]

I can.

It is mostly an idea that allows us more customization with your tool.

[joebudi]

Awesome. Sorry for probing. I wanted to explore the reasoning behind the request. Thanks!

[oswaldB]

no worry ;)

[oswaldB]

Hello,

here is a new use case for the clickable container :

I need this to be a button.

[gvlx]

Suggestion: add an action setting on a container.
If any action is set then the container's contents become unreachable, that is, selecting becomes impossible.

This setting must not be used if any of the contents are input fields (none of the values can be changed).

[gvlx]

This should be the default on a Cardelement.

[samg666]

I am also looking for clickable container, here are my two use cases.

1. I use repeater on all my project as the table component currently not that flexible, and I would like to have repeater row click action to trigger something like app state update, then trigger my tab-like container data refresh. Currently I have put a button on the repeater row, it work just fine, but it will be much better if it can be trigger on anywhere on the repeater row. A clickable container should help.

2. I have many custom card builded by container, I want my user click the card then trigger app state update, the refresh the repeater. The current solution is put a Button and Icon on the custom card, either click the button or icon will trigger the same action. A clickable container will be better on this use case.

[Zbatux]

Hello,

I am a fresh user and i wanted to know if anyone did find any way to make images/containers clickable ?

[dannyshin76]

Actually we can achieve this, by adding a transparent button with an absolute position that covers its parent container. If you give it a good opacity, you can even make the container look hoverable (which is actually not).

[melohagan]

Nice, you're on fire today! I also have a PR out to add the clickable container functionality as well.

[aderici]

For anyone else interested, enter this in the CSS portion of the "button" that you will place within your container :

top: 0;
left: 0;
right: 0;
width:100%;
height:100%;
color: rgba(0, 0, 0, 0);
opacity: 0.2;

And then you need to add this to the CSS portion of the container itself :

position: relative;

[gazflo]

The help file says this is possible, but I can't see were to add the on-click action.

https://docs.budibase.com/docs/container#on-click

[gazflo]

Just did a page refresh and now see the option. Strange.