Modal Popup On usercontrol in WPF

Question

How can I open a modal popup on a user control (not on a mainwindow) in wpf using mvvm pattern?

I hope my question is clear to all as I want to open popup on usercontrol not on window.

score 0 · Answer 1 · edited Oct 23 '16 at 11:31

Use an Adorner.

public class OpaqueAdorner : Adorner
    {
        public OpaqueAdorner(UIElement win)
            : base(win)
        { }

        protected override void OnRender(System.Windows.Media.DrawingContext drawingContext)
        {
            SolidColorBrush renderBrush = new SolidColorBrush(Colors.LightCoral);
            renderBrush.Opacity = 0.3;
            Pen renderPen = new Pen(new SolidColorBrush(Colors.DarkBlue), 5.0);

            drawingContext.DrawRectangle(renderBrush, renderPen,
                new Rect(new Point(0, 0), AdornedElement.DesiredSize));            
        }
    }

/* Grd is the container Grid */

private void Btn_Click(object sender, RoutedEventArgs e)
    {
        //GetAdornerLayer was missing ')'
        AdornerLayer.GetAdornerLayer(Grd).Add(new OpaqueAdorner(Grd));
    }

Combine this concept with Opened / Closed event of Popup.

score 0 · Answer 2 · edited May 23 '17 at 10:31

0

I know it's an old question, but when I did this search, I find a lot of related question, but I did not find a really clear response. So I make my own implementation of a dialogbox/messagebox/popin, and I share it !
https://stackoverflow.com/a/40135791/2546739
It is showing things like this :

edited May 23 '17 at 10:31

Community

1
1

answered Oct 19 '16 at 15:34

Xav987

1,182
1
15
17

score 0 · Answer 3 · answered Dec 13 '11 at 05:54

Modal is meant for new windows not usercontrols. A usercontrol is just a control inside a Page or Window.

Hence if you want to make it modal, then make the user control cover then entire area of your window and it can only be closed once they have completed what was in it. Maybe even make some of it partially transparent so it looks like a popup if you wish.

score 0 · Answer 4 · answered Dec 13 '11 at 05:58

0

I don't know this is the one which you are expecting . Opening a model pop up from wpf is as same as from opening one in normal windows app

**ModalWin objWin = new ModalWin();
objWin.ShowDialog();**

Regards Sree

answered Dec 13 '11 at 05:58

sree

51
1
3

This is not MVVM, as the OP asked. – Merlyn Morgan-Graham Dec 13 '11 at 05:58

score 0 · Answer 5 · answered Dec 13 '11 at 06:05

Modal generally means modal to an application, or in the case of a popup, for a window. Not for a specific control.

If you want to disable a specific control while displaying a popup, you could do so in a trigger:

<Popup x:Name="popup">
    <!-- ... -->
</Popup>
<UserControl>
    <UserControl.Style>
        <Style>
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsOpen, ElementName=popup}"
                             Value="True">
                    <Setter Property="IsEnabled" Value="False" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </UserControl.Style>
<UserControl>

score 0 · Answer 6 · edited May 23 '17 at 12:34

0

This is actually a fairly involved topic.
Stackoverflow has a lot of info on dialog boxes in MVVM because using a solution such as Sree's breaks MVVM

here is a good spot to start Handling Dialogs in WPF with MVVM

Also, opening a popup on the usercontrol or the mainwindow will be the same.

edited May 23 '17 at 12:34

Community

1
1

answered Dec 13 '11 at 06:07

Anton

7,709
5
31
33

Modal Popup On usercontrol in WPF

6 Answers6