search

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.35k stars 3.72k forks source link

[Feature]: Display styling property #16588

Open PaulMcF1987 opened 2 years ago

PaulMcF1987 commented 2 years ago

Is there an existing issue for this?

Summary

Currently, the display within appsmith is quite rigid, I have a few areas where the visibility toggles on/off, depending on the value of an entry.

The problem with the visibility feature is that, if the widget is between 2 other widgets (one above and one below) it leaves an empty space where the widget should be.

with the display property, the widget below should then move up to cover the space left by the widget which is not being displayed.

This would then allow users to build hamburger type menus etc, the video below shows something I have created with a different app builder and gives an idea of the sort of thing I am referring to

When the title is clicked a menu opens up below, and then further, you can open the sub menu to show further options

https://user-images.githubusercontent.com/75368133/188639028-9a3e3d9a-91fa-4913-bd4f-b8b4f2438b17.mp4

Why should this be worked on?

Currently, to achieve what I have added in the video above, could be very messy and take a lot of JS, where if there was the ability to have more control over the CSS, this could be a lot easier.

Using the visibility setting, whilst it hides the widget, it leaves gaps and can look messy, the sort of structure in the above video would not be achievable using this setting.

Nikhil-Nandagopal commented 2 years ago

Hi @PaulMcF1987 we're currently working on this as part of #11038