• 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.

(109) Comments

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.

Blog Message

I usually have a hard time grasping informational articles, but yours is clear. I appreciate how you ave given readers like me easy to read info.

Blog Message

to be using? I am having some small security problems with

Blog Message

I'а†ve recently started a web site, the info you provide on this website has helped me greatly. Thank you for all of your time & work.

Blog Message

Very good article post.Really thank you! Keep writing.

Blog Message

Online Shop To Buy Cheap NFL NIKE Jerseys

Blog Message

Spot on with this write-up, I absolutely think this amazing site needs much more attention. I all probably be back again to see more, thanks for the information!

Blog Message

So cool The information mentioned in the article are some of the best available

Blog Message

Really appreciate you sharing this post.Much thanks again. Much obliged.

Blog Message

Of course, what a great blog and educative posts, I will bookmark your site.Have an awsome day!

Blog Message

Thanks so much for the blog.Much thanks again. Fantastic.

Blog Message

Thanks again for the blog article. Much obliged.

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