Question

I’m using MVVM via Caliburn Micro on WP7. I have a popup that is shown from the VM. On the popup is a performance progress bar. The progress bar does not show when IsIndeterminate is set to true because the popup is not in the visual tree (it is a custom control).

If I grab the view from the view model and force the popup into the visual tree the progress bar displays correctly. I don’t really want to do this though.

What is the best way to do this whilst preserving the separation of view and view model. Is there some way the popup can insert itself into the root page or frame?

Answer 1

I ended up creating a base popup class and adding this code in:

private void HookIntoPage()
{
    if (UserControlHelper.RootVisual != null)
    {
        PhoneApplicationPage page = (PhoneApplicationPage)UserControlHelper.RootVisual.Content;

        // Hook up into the back key press event of the current page
        page.BackKeyPress += BackKeyPress;

        FrameworkElement element = page.FindVisualChild("MainGrid");

        if (element != null && element is Grid)
        {
            Grid grid = element as Grid;
            grid.Children.Add(this);
        }
        else
        {
            throw new Exception("Popup cannot find MainGrid");
        }
    }
}

It’s a bit hard coded as it looks for a MainGrid grid control. This could be improved to look for an appropriate top level container.

There are 2 helper classes at play here. UserControlHelper has the following methods:

public static PhoneApplicationFrame RootVisual
{
    get
    {
        return Application.Current == null ? null : Application.Current.RootVisual as PhoneApplicationFrame;
    }
}

FindVisualChild comes from a VisualTreeHelperExtension class that came with Phone7.Fx.preview that I use for its bindable app bar.