appsmithorg / appsmith

Platform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.
https://www.appsmith.com
Apache License 2.0
34.27k stars 3.71k forks source link

[Feature]: Floating widget #11051

Open danciaclara opened 2 years ago

danciaclara commented 2 years ago

Is there an existing issue for this?

Summary

Asked by a user on discord

https://discord.com/channels/725602949748752515/760761686549463060/940550375042330625

Why should this be worked on?

Need more info on this

dilippitchika commented 2 years ago

Just to add a distinction, any widget can be floating widget it denotes that the widget is floating on top of another widget.

Will check with the user once, if they mean layers or just one layer.

danciaclara commented 2 years ago

@dilippitchika Could be something like this - https://www.youtube.com/watch?v=Q7-4IUy6ht4 . More like the end-user should be able to move the widget around on the canvas.

somangshu commented 2 years ago

@vuiets this is talking about layers, we need to deal with this in the UI Builders POD

cc @riodeuno @rahulramesha

LronDC commented 2 years ago

Asking for this feature + 1

dilippitchika commented 2 years ago

@LronDC can you please describe your use-case?

LronDC commented 2 years ago

@LronDC can you please describe your use-case?

@dilippitchika

  1. I built a long form with a bunch of Input and Select widgets. So I scroll down and down and want to go to the TOP for some reason 😺 , I think I need a floating button on the right side.
  2. Let's say I have two containers both holding some contents, but I don't want them to be placed horizontally or vertically. In fact, I want their visible properties set to a fault and to be controlled by buttons. If I don't click on button 1, container 1will not show, and container 2 would float to container 1's place dynamically so that there won't be a blank space.
  3. (I'm not sure if this is a floating widget issue) For example one container holding two forms (or images whatever), but form 2 is invisible if don't let it be visible. Once I make form 2 visible, I want form 1 to change its size to make a room for form 2, or form 1 fills up the parent container.
dilippitchika commented 2 years ago

For 2 and 3 - We have a different issue (#11038) where we are exactly doing the same thing.

Regarding 1- I think we would simply provide an option to turn on scroll to top etc. which may then end up revealing a button to do the same.

ivanromerog commented 9 months ago

This feature +1

This widget would help to visualize a list of options that validates the visibility of other widgets in the canvas. I have a long form, so it would be useful if I can hide some widgets while I'm scrolling

Nikhil-Nandagopal commented 9 months ago

@ivanromerog I'm unclear on your use case. Could you explain what you mean maybe with an image?