Toast Notification message In UWP

-

In UWP - Universal Windows Platform application sent Toast Notification content two ways one is Html content and another one was XML Content. It was support windows 8.1 onwards Systems. In Toast message with use Buttons and Images and sound.
   Toast Message is very effective and comforts to sent messages to all. It sent multiple people at the same time. The client also replies to that notification. Notification design is suitable for the latest Technology. default stand time is 5 seconds and will increase 25-30 seconds.

This Article Shows three types of Toast message.
  • Simple Notification
  • Toast With Button
  • Textbox Message Sent.
Header
    install packages from NuGet.

using Windows.Data.Xml.Dom;
using Windows.UI.Notifications;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

Design




XAML
<Page x:Name="Notification"
    x:Class="App.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Height="523.5" Width="1168.5">

    <Grid HorizontalAlignment="Stretch"  VerticalAlignment="Stretch">
        <Button Content="Only Notification" HorizontalAlignment="Left" Margin="101,41,0,0" VerticalAlignment="Top" Height="47" Width="138" x:Name="btnSimpleNotification"  RenderTransformOrigin="0.486,-1.309" Click="BtnSimpleNotification_Click" />


        <Button Content="Toast With Button" HorizontalAlignment="Left" Margin="100,127,0,0" VerticalAlignment="Top" Width="145" x:Name="btnClick" RenderTransformOrigin="-0.624,0.406" Height="45" Click="BtnClick_Click"  />
        <Button Content="Send Text" HorizontalAlignment="Left" Margin="128.5,310.5,0,0" VerticalAlignment="Top" x:Name="btnMsgSendBtn" Height="54" RenderTransformOrigin="0.5,0.5" Click="BtnMsgSendBtn_Click" Width="113" UseLayoutRounding="False" d:LayoutRounding="Auto" >
            <Button.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform Angle="0.804"/>
                    <TranslateTransform/>
                </TransformGroup>
            </Button.RenderTransform>
        </Button>
        <TextBox HorizontalAlignment="Left" Margin="101,207,0,0" Text="Message" VerticalAlignment="Top" x:Name="txtMessage" Height="65" Width="329"/>

    </Grid>
</Page>



C#

Simple Notification



private void BtnSimpleNotification_Click(object sender, RoutedEventArgs e)
        {

          

            var xmlToastTemplate = "<toast launch=\"app-defined-string\">" +
                                "<visual>" +
                                  "<binding template =\"ToastGeneric\">" +
                                  "<image src='https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE1Mu3b?ver=5c31' placement='appLogoOverride' hint-crop='Circle' />''<text>Notification</text>" +
                                    "<text>" +
                                      "Notification test message" +
                                    "</text>" +
                                  "</binding>" +
                                "</visual>" +
                              "</toast>";

          
            var xmlDocument = new XmlDocument();
            xmlDocument.LoadXml(xmlToastTemplate);

          
            var toastNotification = new ToastNotification(xmlDocument);
            var notification = ToastNotificationManager.CreateToastNotifier();
            notification.Show(toastNotification);
        }

Button With Notification



        private void BtnClick_Click(object sender, RoutedEventArgs e)
        {
      

            var xmlToastTemplate = "<toast launch=\"app-defined-string\">" +
               "<visual>" +
               "<binding template=\"ToastGeneric\">" +
                "<image src='https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE1Mu3b?ver=5c31' placement='appLogoOverride' hint-crop='Circle' />''<text>Notification</text>" +
               "<text>Click the Button</text>" +
               "</binding>" +
               "</visual>" +
               "<actions>" +
               "<action activationType=\"foreground\" content=\"Click Here\" arguments=\"Click Here\" />" +

               "</actions>" +
               "</toast>";

            var xmlDocument = new XmlDocument();
            xmlDocument.LoadXml(xmlToastTemplate);

            var toastNotification = new ToastNotification(xmlDocument);
            var notification = ToastNotificationManager.CreateToastNotifier();
            notification.Show(toastNotification);
        }

TextBox Message With Notification



        private void BtnMsgSendBtn_Click(object sender, RoutedEventArgs e)
        {
      

            var txtmessage = txtMessage.Text;


            var xmlToastTemplate = "<toast launch=\"app-defined-string\">" +
                                "<visual>" +
                                  "<binding template =\"ToastGeneric\">" +
                                   "<image src='https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE1Mu3b?ver=5c31' placement='appLogoOverride' hint-crop='Circle' />''<text>Notification</text>" +
                                    "<text>Notification</text>" +
                                    "<text>" +
                                

                                    txtmessage +

                                    "</text>" +
                                  "</binding>" +
                                "</visual>" +
                              "</toast>";

           
            var xmlDocument = new XmlDocument();
            xmlDocument.LoadXml(xmlToastTemplate);

          
            var toastNotification = new ToastNotification(xmlDocument);
            var notification = ToastNotificationManager.CreateToastNotifier();
            notification.Show(toastNotification);
        }

Comments

Post a Comment

Thank You for your Comment

Popular posts from this blog

Insecure cookie setting: missing Secure flag

-
  Issue Description: Insecure Cookie Setting - Missing Secure Flag Explanation: The "Secure" flag is an attribute that can be set for cookies in web applications. When the Secure flag is enabled for a cookie, the cookie is only transmitted over HTTPS connections, ensuring that it is sent securely over an encrypted channel. This is crucial for security because it helps prevent the exposure of sensitive information contained in cookies, such as session tokens or authentication credentials, to potential attackers. When the Secure flag is missing from a cookie, it means that the cookie can be sent over both secure (HTTPS) and non-secure (HTTP) connections. This can pose a significant security risk, as sensitive information could be exposed if the cookie is transmitted over an insecure connection. Impact: The impact of missing the Secure flag on a cookie depends on the context in which the cookie is used. Here are some potential risks: Session Hijacking: If an attacker can inter
Read more

Maximum Stored Procedure Function Trigger or View Nesting Level Exceeded (limit 32) in SQL Server

-
Image
                  In SQL Server I am facing some error on when it Runs Procedure. That as Maximum Stored Procedure Function Trigger or View Nesting Level Exceeded (limit 32) in SQL Server. Reason:                       user-defined function begins execution and decreases by one when the called stored procedure, managed code reference, or user-defined function completes execution. Attempting to exceed the maximum of 32 levels of nesting causes the whole calling chain to fail and for this error message to be raised.   Solution: To Run this code in Your SQL SERVER Avoid In this Error. SP_CONFIGURE 'nested_triggers' ,0 GO RECONFIGURE GO
Read more

Display Line Chart Using Chart.js MVC C#

-
Image
          In this Section We See about How to Display Line Chart Using Chart.js in MVC C# Jquery , Ajax Services. Already we seens  Chart.js PieCharts  and Doughnut Chart . In this section I am Using Sql Server Databse and Create One Ajax Services For Data Get. and Using  Chart.js  Tool. View Page:-          @{     Layout = null ; } < !DOCTYPE html > < html > < head >     < meta name ="viewport" content ="width=device-width" />     < title > DisplayLineChart </ title >     < script src ="https://code.jquery.com/jquery-1.12.4.js"></ script >     < script src ="~/Scripts/ChartJs/charts/Chart.bundle.min.js"></ script >     < script type ="text/javascript">         $(document).ready( function () {             Disp();         });         function Disp() {             var dataPts = [];             var xPts = [];
Read more