Essential XAML

# re: Windows Phone 7 Custom Message Box

Awesome work. I like the commands support, though some people will still prefer return values.

I see that you are ignoring the page's ApplicationBar. When your notification shows up, the user could still press AppBar buttons or menus.

In my own popups, I keep a ref on the page's ApplicationBar and set it to null until the popup is closed. I wonder if it's the good way to do it.

# re: Windows Phone 7 Custom Message Box

Either I'm missing something or the popup isn't handling the back button correctly.

Hitting back should close the popup.

# re: Windows Phone 7 Custom Message Box

Looks good.

It isn't handling back button presses correctly, nor does it handle light theming correctly, dark themes are just fine.

# re: Windows Phone 7 Custom Message Box

Thank you, this is good stuff.

Do you (or somebody else) know, why the standard MessageBox just supports the OK and Cancel button? It seems really strange to me.

# re: Windows Phone 7 Custom Message Box

Thanks for providing the community with a more flexible message box!

Any idea why this won't show over a pivot control? I can use this on other pages in my app, but the pivot page refuses to display it. I get an error if I try and re-create it, so I know the popup IS there. But I don't see it. Also, if I swap in the stock messagebox, it displays just fine....

# re: Windows Phone 7 Custom Message Box

paste-it.net/.../x4850e8

A XAML version for light and dark theme

# re: Windows Phone 7 Custom Message Box

@Torben / @Tomer: the paste-it link is taken down. Could you please post the theme fix somewhere?

/M

# re: Windows Phone 7 Custom Message Box

Good work but it does not work well will Landscape orientation.

# re: Windows Phone 7 Custom Message Box

private static void parentPage_BackKeyPress needs to change otherwise we have to press the backbutton twice to go back

Code should be

       private static void parentPage_BackKeyPress(object sender, CancelEventArgs e)

       {

           CurrentPage.BackKeyPress -= parentPage_BackKeyPress;

           if (_popup != null && _popup.IsOpen)

           {

               ClosePopup();

               e.Cancel = true;

           }

       }

# re: Windows Phone 7 Custom Message Box

How do I put this into my project?  I have never done this sort of thing before?

I added the project to the solution but it can't find the Tomers namespace.

# re: Windows Phone 7 Custom Message Box

Thanks Tomer,

In the end I added the project to the solution and built it that way and added that reference.  That way I suppose it updates.  

Any idea on the light/dark theming, the link in the posts above is broken.  Shame!

# re: Windows Phone 7 Custom Message Box

this message box is not working for multi thread operations. for example, i am running background theread and display multiple messaeg boxes, it throwing error as "Message is already shown.". not sure how to fix this issue.

# re: Windows Phone 7 Custom Message Box

Is there a possibility to use it for something like a first-use tutorial?

If i try do put the code in the constructor of the MainPage there is a NullReferenceException by:  

var currentPage = rootFrame.Content as PhoneApplicationPage;

PS: And sorry for my bad english ^^

# re: Windows Phone 7 Custom Message Box

How do I create a function for the buttons?

# re: Windows Phone 7 Custom Message Box

Hi,

how about license? can i use this control for apps, which i deploy in the marketplace? and what is with commercial projects? any suggestions?

enno

# re: Windows Phone 7 Custom Message Box

Bellow are the fixes i made to support Light Mode.

in NotificationBox.Show and NotificationBox.ShowAgain

Change the Height property of _popup from CurrentPage.ActualHeight to 800

this is because ActualHeight does not update when you hide the application bar

In the Generic.xaml

Update the button collor, the xaml should look like this

   <DataTemplate x:Key="CommandTemplate">

       <Button Width="120" Foreground="#FFDDDDDD" BorderBrush="#FFDDDDDD"

               tc:NotificationBoxCommand.Command="{Binding}"

               Content="{Binding Content}" />

   </DataTemplate>  

Update the Text color, xaml should look like this

<TextBlock Text="{TemplateBinding Title}" VerticalAlignment="Center" Margin="0,0,0,2" FontSize="32" Foreground="#FFDDDDDD" />

                        <TextBlock Text="{TemplateBinding Message}" TextWrapping="Wrap" Grid.Row="1" Margin="0,2,0,2" FontSize="22" Foreground="#FFDDDDDD" />

# re: Windows Phone 7 Custom Message Box

When I try to use this, nothing appears on the screen.  But if I click the button again it complains that it's already shown.

So I wonder if maybe there is something wrong with the Z-order or something?  Any suggestions?

# re: Windows Phone 7 Custom Message Box

Great work!

I discovered a strange effect using the control.

If I show the NotificationBox from at the loaded event handler of the apps first page, the phone's back button does not work correctly.

The first push closes the NotificationBox as expected. But the second push has no effect. Maybe because of the removal of the BackKeyPress event?

The third push closes the app.

Any ideas how to solve that problem?

Thanks

ckruhs

# re: Windows Phone 7 Custom Message Box

First of all thanks for the great control!

I think this is the proper fix for the light theme issue

In Generic.xaml, change this:

<Border x:Name="border" Background="#FF1F1F1F" VerticalAlignment="Top">

into this:

<Border x:Name="border" VerticalAlignment="Top">

  <Border.Background>

      <SolidColorBrush Color="{StaticResource PhoneContrastForegroundColor}"/>

  </Border.Background>

Also remove all the "Foreground=" from Textblocks, Buttons & Checkboxes

# re: Windows Phone 7 Custom Message Box

@ckruhs

I used my page's Loaded event to show the MessageBox and the problem solved for me. I also modified parentPage_BackKeyPress as Udit said in a comment above.

Hope that helps!

# re: Windows Phone 7 Custom Message Box

Many thanks for this control, I will definitely be using it. I do have one suggestion:

Shouldn't  ShowAgain should call the suppression action even if the message is suppressed?

This gives a chance for the default action to be performed.

Thanks,

Jason

# re: Windows Phone 7 Custom Message Box

There is one issue with the control

If i write some code in back button then first notificationbox is displayed to user and in background that code is also executed. Is there any way to solve this issue??

# re: Windows Phone 7 Custom Message Box

To make this dialog work when BACK BUTTON is pressed (i.e. inside of  OnBackKeyPress function) for example for such "Are you sure you want to loose all changes?" message, you need:

1. to cancel navigation to previous page ( e.Cancel = true; )

2. TO PLACE NotificationBox.Show(..)  INSIDE THE Dispatcher

3. to add a function to one of the button (NotificationBoxCommand) to navigate to previous page.

so the code is

       protected override void OnBackKeyPress(CancelEventArgs e) {

           e.Cancel = true;

           this.Dispatcher.BeginInvoke(() =>

               NotificationBox.Show("Leaving the page",

                   "Are you sure you want to loose all changes?",

                   new NotificationBoxCommand("Yes", () => { this.NavigationService.GoBack(); }),

                   new NotificationBoxCommand("No", () => { }))

           );

       }

# re: Windows Phone 7 Custom Message Box

CORRECTION to my today's message:

To make this dialog appear when BACK BUTTON is pressed (i.e. inside of  OnBackKeyPress function) for example for such "Are you sure you want to loose all changes?" message, you need:

1. to cancel navigation to previous page ( e.Cancel = true; )

2. to add IsOpen static function to NotificationBox class. This is needed to allow hiding the dialog when it is open and back button is pressed.

3. to place NotificationBox.Show(..)  inside of Dispatcher

4. to add a function to one of the button (NotificationBoxCommand) to navigate to previous page.

so the code is

NotificationBox class:

       public static bool IsOpen {

           get {

               return _popup != null;

           }

       }

some page:

       protected override void OnBackKeyPress(CancelEventArgs e) {

           if (!NotificationBox.IsOpen) {

               e.Cancel = true;

               this.Dispatcher.BeginInvoke(() =>

                   NotificationBox.Show("Leaving the page",

                       "Are you sure you want to loose all changes?",

                       new NotificationBoxCommand("Yes", () => { this.NavigationService.GoBack(); }),

                       new NotificationBoxCommand("No", () => { }))

               );

           }

       }

# re: Windows Phone 7 Custom Message Box

Hi Tomer, just a quick question: i'd like to make the buttons a bit larger. Doing so in the  Generic.xml works fine from within your demo app. But when i reference the rsulting dll form my own project: the buttons keep their old size. Any idea? Thanks!

# re: Windows Phone 7 Custom Message Box

@Tomer, i tried creating a custom datatemplate but the buttons are still showing up small. Any working code?

# re: Windows Phone 7 Custom Message Box

I think its not related to buttons. No matter what changes i make to Generic.xaml (like changing foreground color of textblocks etc.) none of them show up in my app. It works for your Tester app though. Any ideas?

# re: Windows Phone 7 Custom Message Box

Is it possible to cutomise the buttons size and put images on it,How? Also,how do you also put a link inside the buttons,such as by clicking the "Home" Button it will go directly to Home Page.

# re: Windows Phone 7 Custom Message Box

hi,

i 've just update to the new version. i change NotificationBox by NotificationTool.

How to change the color of buttons, text, title when the theme is set to light or dark ?

Do you have sample ? (send me: zorgan [at] free dot fr)

Thanks

# re: Windows Phone 7 Custom Message Box

Found one issue that will cause a fatal error.

> Popup comes up

> You click "ok" or another button added

> Code is executed

> Dialog goes away

> You press backbutton to go back one view

> Fatal error

The error is in the backbutton listener in NotificationTool class. I think it's either if(IsShown) or ClosePrompt().

I wasn't too familiar with this advanced navigation and frame coding, but after scratching my head on this for a while, I realized that the backbutton listener only is stopped on backbutton during the messagebox, not if you click one of the buttons. So I added

RootFrame.BackKeyPress -= parentPage_BackKeyPress;

in ClosePrompt()-method which is run after the commands, like you do in the backbutton listener. That way you stop listening for backbuttons after the messagebox is gone.

Thank you very much for this project, it really helped me out when making a dark theme only app, that needs custom options.

# re: Windows Phone 7 Custom Message Box

Does this NotificationBox support Orientation changes, e.g. if the user is viewing a Landscape orientation on Windows Phone 7 and the NotificationBox is displayed as a Landscape box. Currently it looks to be Portrait mode only.

# re: Windows Phone 7 Custom Message Box

Hi Tomer,

Your set of assets it's amazing and it really enhances WPSDK but I encountered and issue in order to show two Notification box messages on a row. In few words, after the first is shown a second one must be shown depending on the answer for the first one but I'm just getting just the first one. The call for the second one is being made (debugging I can hit the code) but nothing happens.

If you prefer so I can leave a copy of this issue on codeplex.

Much Thanks,

Cristian

# re: Windows Phone 7 Custom Message Box

Where can i get just dll for it, without compiling it?

# re: Windows Phone 7 Custom Message Box

I am trying to your code implement my project but I write NotificationBOx.show() it giives me error. It suggest me only 3 (showagaintext,showagainproperty,showagainoption). What i do?