• Favorite
  • Facebook
  • Twitter
  • LinkedIn

Microsoft Press Pearson Education (InformIT)
Skip Navigation Links
Pearson Education (InformIT)
How to: Display a message box in Windows 8 Store Apps using C#

Sometimes you want to display a message to the user of your application about error or information. But there is no MessageBox class in Windows 8 Store App. In this article we will show you how to display a message box to your application users.

Create a Blank Windows Store App

1.      Open Visual Studio 2012 Express for Windows 8.

2.      Click on New Project. The New Project Dialog box appears.

3.      From the left pane select C# and then Windows Store Templates.

4.      From the right pane select Blank App (XAML).

5.      Type your project name and then click Ok. We set the project name to MessageBoxApp.

New Project Dialog

Create the UI and adding Xaml Code

1.      Open the MainPage.xaml file by double clicking the MainPage.xaml file from the Solution Explorer.

2.      Select the XAML view and find the Grid Control in the MainPage.xaml.

3.      Add the following code to the Grid in the MainPage.xaml.

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">


        <RowDefinition Height="1*"/>

        <RowDefinition Height="1*"/>

        <RowDefinition Height="1*"/>



        <ColumnDefinition Width="1*"/>

        <ColumnDefinition Width="1*"/>

        <ColumnDefinition Width="1*"/>


    <Button Name="DisplayMessageButton" Content="Display Message" HorizontalAlignment="Left" Grid.Row="1"

            Grid.Column="1" Margin="10" VerticalAlignment="Top" Width="228" Height="80" />



a.      The above code creates a Grid with 3 equal height rows and 3 equal width columns.

b.     Add a Button control and name it DisplayMessageButton, sets its Content property to Display Message.

c.      It places the button in second row using Grid.Row attached property and second column using Grid.Column attached property.

d.     Sets the DisplayMessageButton width to 228 Device Independent Pixels (DIPs) and height to 80 DIPs.

e.     Sets the DisplayMessageButton margin to 10 DIPs.


New Project Dialog

Adding C# Code and displaying Message Box

4.      Double click the DisplayMessageButton to create the Event Handler for the Click Event.

5.      Mark the DisplayMessageButton_Click method as asynchronous using the async keyword.

6.      Add the following code to the click event handler.


private async void DisplayMessageButton_Click(object sender, RoutedEventArgs e)


    MessageDialog messageDialog = new MessageDialog("Welcome to Windows 8 Store Apps", "Windows 8");

    await messageDialog.ShowAsync();


a.      The above code simply creates an object of the MessageDialog class. This class represents a dialog. The dialog has a command bar that can support up to three commands. If you don't specify any commands, then a default command is added to close the dialog.

b.     We set the content of the MessageDialog to "Welcome to Windows 8 Store Apps".

c.      We set the title of the MessageDialog to "Windows 8".

d.     Then we call the ShowAsync asynchronous method and we should mark this call with the await keyword you can read more about async and await keywords in Asynchronous Programming with Async and Await

7.      Build your application and run it in the Simulator. You will find something similar to the following image

New Project Dialog

8.      Click on the DisplayMessage Button. This will show the Message Dialog with the title and content we set.

New Project Dialog

Now you have a Windows Store Application that displays a message box to your application users. Message dialogs should be used sparingly, and only for critical messages or simple questions that must block the user's flow.

(120) Comments

Blog Message

There as certainly a lot to find out about this subject. I love all of the points you have made.

Blog Message

Thanks for finally writing about > Referencement editorial :

Blog Message

Very good post.Really thank you! Really Great.

Blog Message

This info is priceless. Where can I find out more?

Blog Message

Wow, amazing blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your web site is fantastic, as well as the content!

Blog Message

Im no professional, but I think you just made the best point. You obviously comprehend what youre talking about, and I can definitely get behind that. Thanks for staying so upfront and so truthful.

Blog Message

Thanks so much for the article post. Awesome.

Blog Message

I truly appreciate this article post.Much thanks again. Will read on

Blog Message

This particular blog is without a doubt interesting and besides factual. I have picked up helluva interesting things out of this source. I ad love to return again soon. Thanks a lot!

Blog Message

Thank you ever so for you article.Thanks Again. Really Cool.

Blog Message

Some truly prime articles on this web site , bookmarked.

Blog Message

Im thankful for the article.Really looking forward to read more. Really Great.

Blog Message

iаЂа›?Splendid post writing. I concur. Visit my blog for a free trial now! Enjoy secret enlargement tips. Get big and rich. Did I mention free trial? Visit now.

Blog Message

Pretty! This was an incredibly wonderful article. Thank you for providing these details.

Blog Message

Im obliged for the article.Really thank you! Cool.

First Previous 1 2 3 4 5 6 7 8 Next Last