Moveable Popup
1624
Views
19
Comments
New
Frontend (App Interfaces)

The OutSystems UI should provide a moveable popup element. It could be the same existing element, but with the following features:

  • A placeholder for the title and a placeholder for the main content
  • Being able to change the position of the popup by clicking on the title and dragging
  • Option to have or not a close button in the upper right corner (with customizable icon)
  • Option to close on click out of the popup

Hi @Thiago Andrade!

Thank you so much for your idea. Can you give us an example of a use case for this component?

Cheers,
Jéssica M. 


Similar to this.

And the obvious use case is when information on the screen helps the user do what he needs to do on the popup.  Moving is then needed to be able to see all information on the screen without having to close the popup.

Correct @Dorine Boudry, that's the most usual use case, when we need to check the information of the main page that is called the popup. For example in a call center app (it would be useful in one that I'm working on at the moment).

@Jéssica Mendes this component can help you see what I'm proposing. This component is no good for more than one popup on the same page, and the look and feel are not the same as the OutSystems popup, but can be used as a base.

Really a good idea, as Dorine stated, some situations could be helpful to move the popup position. But that characteristic must be an option.

Type: IsMovable.

Regards

Changed the category to
Frontend (App Interfaces)

Thank you for the clarification Thiago. 

As a new OutSystems UI component is out of scope because overlaps the Popup widget. So I'm changing the category to FrontEnd which is the right category for Widgets Ideas.

Changed the category to
OutSystems UI
Merged this idea with 'Option Move Pop Up' (created on 19 Aug 2022 11:16:43 by Danilo Miquelino)

In the Pop Up properties there must be the "Move" option. If set to Yes, the user has the option to move the Pop Up around the screen, and if set to False, it remains fixed as it currently is.

Changed the category to
OutSystems UI
Changed the category to
Frontend (App Interfaces)

This idea already exists. Check

https://www.outsystems.com/ideas/12277/moveable-popup/

Regards

Changed the category to
Frontend (App Interfaces)

I agree with Alberto in making the popup movable by adding a property.

The placeholders and the close button can be achieved easily with other widgets.

Making the popup movable seems a good idea @Thiago Andrade

@Alberto Ferreira yes, the idea exists... it's this one... lol

Look at the link you sent...

@Thiago Andrade Good Idea!

Hi @Thiago Andrade

check this component => Popup Add-on

Maybe its fit your requirement.

BR,

AL

Great solution Andrea


Thanks for sharing

Hi @Andrea Lembo, looks nice. I will try it. It is possible to use it many times in the same block or page?

Hi @Thiago Andrade ,

The block must be placed as first child in a popup, so you can place it multiple time inside every popup or in the popups where you want enable some features.

Only one warning, the zindex value is the same for all popups so, if you open popups and expand one of it at the moment its not possible to hide the other popup.

Example Two popups opened:

Two popups opened and one expanded:

As you can see the second popup is still visible even if the first is fully expanded.

If you need dynamic zindex or hide other popups when one its expanded write on the support section on the component and i'll try to implement it.