appsmith icon indicating copy to clipboard operation
appsmith copied to clipboard

[Feature] Clickable Containers

Open jsartisan opened this issue 3 years ago • 9 comments

On appsmith, we only have buttons, icon buttons to click actions but there is no way to design a custom-looking button. Basically, a widget that has a canvas and can be clicked.

jsartisan avatar Oct 08 '21 07:10 jsartisan

Great idea, Should this be a separate widget all together, Why I say that is because an widgets inside this widget which can have an onclick action will create confusion for both the end user and developer. In a new widget we can place some constrains to manage such situations

somangshu avatar Oct 18 '21 11:10 somangshu

@jsartisan rethinking about this, i feel we could use a container right? What are some use cases you can think about

somangshu avatar Jan 13 '22 09:01 somangshu

@somangshu The use-case is let's say I have a stat box that looks like a card. I want to go to a specific page on click on it.

jsartisan avatar Jan 13 '22 10:01 jsartisan

@jsartisan can you tell me if adding the onClick property works or that will create a bottleneck for us later?

somangshu avatar Jan 18 '22 06:01 somangshu

This is something I feel is missing, since the other button types can be a bit too restrictive. It feels quite natural for the container widget to have on-click

dominusmi avatar Apr 14 '22 11:04 dominusmi

Thanks for the opinion here @dominusmi, This will help us prioritise further

somangshu avatar Apr 18 '22 08:04 somangshu

@dilippitchika Can you confirm whether we will create a new widget or extend the existing container widget to have this feature?

sbalaji1192 avatar Sep 21 '22 06:09 sbalaji1192

I dont see why we need another widget? Seems like a lot of work for the end user if they have to just add a onClick action on a pre-existing container. Open to discussion though

somangshu avatar Sep 21 '22 10:09 somangshu

No, i don't think we need another widget. It's just like the list's onItemClick functionality. Very basic and useful, @jsartisan already worked on this but he didn't figure out the part where onClick should not be triggered if there's a button in the container which is also getting clicked.

dilippitchika avatar Sep 21 '22 14:09 dilippitchika

Understood, I think if the button is getting clicked we should only fine the button onClick event, The onus would be on the user. We will only follow the basic event bubbling principles

somangshu avatar Sep 26 '22 10:09 somangshu

Can I work on this?

Bisht13 avatar Oct 24 '22 13:10 Bisht13

Can I work on this?

Bisht13 avatar Oct 24 '22 13:10 Bisht13

Greetings @Bisht13 thanks for showing interest 🎉 , This is all your. Assigning this to you now.

Please don't forget to read the Contribution Guidelines. Would appreciate if you can open a PR within the next 2 days. let us know here

dilippitchika avatar Oct 25 '22 05:10 dilippitchika

@dilippitchika Not sure if @Bisht13 still working on this

Rishabhkaul avatar Dec 24 '22 01:12 Rishabhkaul

@dilippitchika @Bisht13 I have the need in my company as well. I have a dashboard with several clickable cards. The current way of having just clickable buttons suffers from 2 UX issues:

  • Users need to click the button in order to trigger an action
  • The button takes up screen real estate, especially if there are repeatable components on the page

geekyme-fsmk avatar May 17 '23 07:05 geekyme-fsmk

What is the status of this? Is there any way to support in the development of this feature? :rocket: :computer: :runner:

augedo avatar Aug 18 '23 11:08 augedo

Sorry this issue is still open, we haven't gotten to it

dilippitchika avatar Nov 02 '23 13:11 dilippitchika