News
  • 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}">

    <Grid.RowDefinitions>

        <RowDefinition Height="1*"/>

        <RowDefinition Height="1*"/>

        <RowDefinition Height="1*"/>

    </Grid.RowDefinitions>

    <Grid.ColumnDefinitions>

        <ColumnDefinition Width="1*"/>

        <ColumnDefinition Width="1*"/>

        <ColumnDefinition Width="1*"/>

    </Grid.ColumnDefinitions>

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

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

</Grid>

 

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.

(76) Comments

Blog Message superstar 80s pharrell

neakersTags: Nike Air Huarache Light Nike Air Max 90 Nike Air Max 95 Nike Air Safari Nike Huarache superstar 80s pharrell http://le-clos-des-alouettes.com/leclos.asp?ID=superstar-80s-pharrell


Blog Message air max hyperfuse 90

Hey your site url: %BLOGURL% seems to be redirecting to a completely different webpage when I click the homepage button. You may want to have this checked. air max hyperfuse 90 http://nike.soldeweb.fr/Nike-Air-Max-90-Hyperfuse-Prm-2014-25-Anniversary-Ice-Wine-Femme-Air-Max-Hyperfuse-90-TO10216.html


Blog Message


Blog Message


Blog Message


Blog Message


Blog Message Buy Viagra

odz http://buy-viagra-iner.com/#online-viagra-prescription viagra australia online


Blog Message Hvgrngax

comment6, http://propecia-online.review propecia side effects, wnnw,


Blog Message


Blog Message


Blog Message


Blog Message http://fullvideogamereviews.blogspot.com

I think other web-site proprietors should take this web site as an model, very clean and excellent user friendly style and design, let alone the content. You are an expert in this topic!


Blog Message http://www.indoluckybet.com/sportsbetting/ibcbet/

Thanks-a-mundo for the blog post.Really looking forward to read more. Fantastic.


Blog Message http://westy82.com/geeklog/public_html//users.php?mode=profile&uid=63270

wow, awesome blog. Want more.


Blog Message http://www.ostaz.ru/user/ndgcubpaancney/

I truly appreciate this article post.Really looking forward to read more. Great.

First Previous 1 2 3 4 5 6 Next Last 
Rating
Name
Email
Comment