Tuesday, October 22, 2013

Notification

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Notification.ascx.cs" Inherits="Watson.UserControl.Notification" %>
<div align="center">
    <div class="divTable">
     
        <div class="divRow" align="left">
            <div id="sucmsg" class="flash flash-success" runat="server">
                <asp:Label ID="lblsuccess" runat="server" Text="Label"></asp:Label>
            </div>
        </div>
        <div class="divRow" align="left">
            <!-- Success Flash Message -->
            <div id="msg" class="flash  flash-message" runat="server">
                <asp:Label ID="lblmessage" runat="server" Text="Label"></asp:Label>
            </div>
        </div>
        <div class="divRow" align="left">
            <div id="noticmsg" class="flash flash-notice" runat="server">
                <asp:Label ID="lblnotice" runat="server" Text="Label"></asp:Label>
            </div>
        </div>
        <div class="divRow" align="left">
            <div id="erormsg" class="flash flash-exclamation" runat="server">
                <asp:Label ID="lblerror" runat="server" Text="Label"></asp:Label>
            </div>
        </div>
    </div>
</div>
.................................................
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace Watson.UserControl
{
    public partial class Notification : System.Web.UI.UserControl
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }
        #region Hide Messages
        /// <summary>
        /// hide messages
        /// </summary>
        public void HideMessages()
        {

            sucmsg.Visible      = false;
            msg.Visible         = false;
            noticmsg.Visible    = false;
            erormsg.Visible = false;
        }
        #endregion
    }
}
...............css
.divTable
{
    width: 100%;
    display:block;
    margin-top:0px;
    max-width:100%;
           
   
}
.divRow
{
   width: 100%;
   display:block;
   padding-bottom:5px;
        
}
.divColumn
{
   float: left;
   width: 25%;
   display:block;
   text-align:left;
   padding-bottom:5px;
   min-height:30px;

}

0 comments:

Post a Comment

Popular Posts

Recent Posts

Text Widget

Powered by Blogger.

Find Us On Facebook

Flickr Images

Recent Posts

Video Of Day

Random Posts

Facebook

Random Posts

Advertising

Popular Posts