Best way to create non full screen popup?

Question

User82380 posted

Hi,

I am trying to create a menu that will take over 80% of the screen. This is a customer request and I can't use the master details. I tried few popup lib but non of them gave me a solution for non full screen popup.

• the white area will be a list control.

Thanks,

Ady.

Answer 1

User240159 posted

https://github.com/rotorgames/Rg.Plugins.Popup with some padding directly on this control.

Answer 2

User82380 posted

@NamyslawSzymaniuk said: https://github.com/rotorgames/Rg.Plugins.Popup

Thanks, tried it, didn't find a way to create a non full screen popup.

Answer 3

User240159 posted

Add padding directly on this control - like: <PopupPage ... Padding="20">...</PopupPage>

Answer 4

User172986 posted

try the rg.plugins.popup, you can add it via nuget. I use it and it is very good.

Answer 5

User116733 posted

Not used those plugins, but will check them out. I also found using a grid on the main page allows multiple cells to occupy grid 0,0, and appear over the top of each other, very handy of situations where you want content onto of other content.

So in this case :-

1) Create grid add it to page/ 2) Add all your existing content to a container control like stacklayout and add it to grid at 0,0 3) Create your popup with transparent space around it, also add to grid 0,0. 4) Hide popup when not needed

You can get something like, this. Not ideal having to change the original screen, you can just show the popup anywhere. but very useful in certain circumstances

Answer 6

User82380 posted

Thanks, I am already have rg.popup in the project, so I am using it.

Answer 7

User222624 posted

Hi,

Rg popup control has a feature IsCloseOnBackgroundClick="False". When you use that, it makes the popup modal and the background will not receive any clicks. And you can set the height of this control to give you 80% that you want.

Regards,

Rajesh.

Answer 8

User344056 posted

Here is a link to the demo for anyone still slightly confused.

The key is adding padding and background color to the inner element** while the outer is shown as invisible.

(not allowed to post links) github.com/rotorgames/Rg.Plugins.Popup/blob/master/src/Demo/Demo/Pages/FirstPopupPage.xaml

Answer 9

User390154 posted

@coolrjm said: Hi,

Rg popup control has a feature IsCloseOnBackgroundClick="False". When you use that, it makes the popup modal and the background will not receive any clicks. And you can set the height of this control to give you 80% that you want.

Regards,

Rajesh.

Friends of the past (sorry for opening the topic 2 years later !!) but I am with the same problem and now that IsCloseOnBackgroundClick = "False" is set, how can I make the PopUp close?

I am using Prism and MVVM, and I put the logic in the .cs of the ViewModel (not in the View) so there are sentences that are not the same and I have put a close button, but I don't know how I can get out of the popup. Thank you