How to use alert message from base class

In your base class for example,
Utils.cs write the following method

public static void ShowAlert(Page currentPage, string message)
      {
          StringBuilder sb = new StringBuilder();
          sb.Append("alert('");
          sb.Append(message);
          sb.Append("');");
          currentPage.ClientScript.RegisterStartupScript(typeof(Utils), "showalert", sb.ToString(), true);
      }

Now where ever you want to show your alert message just call it.

for example

In Hello.aspx.cs

protected void Page_Load(object sender, EventArgs e)
{
       Utils.ShowAlert(this, "Hello");
}

How to div hide and show using c# in codebehind

In .aspx

<div id="divhide" runat="server">

<p>Test</p>

</div>

use anchor tag runat="server"

In .aspx.cs

In any event

divhide.Visible = true or false; // based on your needs.

How to change Data format in Jquery DataPicker

<script type="text/javascript">
    $(document).ready(function () {
        $("#<%=txtDate.ClientID %>").datepicker({
        dateFormat: 'dd-mm-yy',
            changeMonth: true,
            changeYear: true
        });
    });
</script>


In this dateFormat field you have to specify your custom format.

Simple way to make current menu as different color using jquery

In your Master page you can add this code.

  <script type="text/javascript">

        $(document).ready(function () {

            var activeMenu = $('#activeSubMenu').val();

            $('#subMenu li').each(function () {
                var currentVal = $(this).attr('id');
                if (currentVal == activeMenu) {
                    $(this).addClass('ActiveMenu');
                } else {
                    $(this).removeClass('ActiveMenu');
                }
            });

        });

</script>

<ul id="subMenu">
            <li id="module">
                <a id="A7" runat="server" href="~/Settings/Modules.aspx">
                Modules</a></li>
            <li id="operation">
                <a id="A8" runat="server" href="~/Settings/Operation.aspx">Operations</a></li>
            <li id="role">
                <a id="A9" runat="server" href="~/Settings/Role.aspx">Roles</a></li>
</ul>

In this <li> id's i have given the name as module, operation, role.

In this each page Modules.aspx, Operation.aspx, Role.aspx you can add hidden field like wise

    <input type="hidden" id="activeSubMenu" value="module" />. Here you can gave the value is SubMenu <li> id values.

for ex.

 In Modules.aspx,

    <input type="hidden" id="activeSubMenu" value="module" />

 Operation.aspx, 

    <input type="hidden" id="activeSubMenu" value="operation" />

Role.aspx

    <input type="hidden" id="activeSubMenu" value="role" />

In CSS

.ActiveMenu
{
background-color: #AAD4FF !important;
font-weight: 600;
}

How to avoid page jump to top position after failed validation?

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" MaintainScrollPositionOnPostback="true" %>


You have just add MaintainScrollPositionOnPostback="true" in page directive.

It will maintain your page position.

How to lock Screen While Saving in asp.net

<style type="text/css">
      .LockOff {
         display: none;
         visibility: hidden;
      }

      .LockOn {
         display: block;
         visibility: visible;
         position: absolute;
         z-index: 999;
         top: 0px;
         left: 0px;
         width: 100%;
          min-height:1000px;
         color:Green;
         background-color: #ccc;
         text-align: center;
         padding-top: 30%;
         font-size:large;
         filter: alpha(opacity=75);
         opacity: 0.75;
      }
   </style>

   <script type="text/javascript">
       function skm_LockScreen(str) {
           var lock = document.getElementById('skm_LockPane');
           if (lock)
               lock.className = 'LockOn';

           lock.innerHTML = str;
       }
   </script>

<div id="skm_LockPane" class="LockOff"></div>

                                            <asp:Button ID="btnSave" runat="server" Text="Save" OnClientClick="skm_LockScreen('We are processing your request...');" OnClick="btnSave_Click" CausesValidation="false" />

How to save Image into database

protected void btnSave_Click(object sender, EventArgs e)
        {

            //Get Image into byte
            Stream fs = FileUpload1.PostedFile.InputStream;
            BinaryReader br = new BinaryReader(fs);
            Byte[] bytes = br.ReadBytes((Int32)fs.Length);

         }

In .aspx

<script type="text/javascript">

        function readURL(input) {

            if (input.files && input.files[0]) {

                var reader = new FileReader();

                reader.onload = function (e) {

                    $('#blah').attr('src', e.target.result);

                }

                reader.readAsDataURL(input.files[0]);

            }

        }

   </script>

<table>

                                    <tr>

                                        <td colspan="2" style="border:1px #ccc solid; padding:10px;" >

                                            EmpId

                                        

                                            <asp:TextBox ID="txtEmpId" runat="server"></asp:TextBox>

                                        </td>

                                        <td  align="right" style="border:1px #ccc solid; padding:20px;">

                                            Upload Photo

                                            <asp:FileUpload ID="FileUpload1" runat="server" onchange="readURL(this)" Width="250px" style="border:1px #ccc solid;" />

                                        </td>

                                        <td width="150px" style="border:1px #ccc solid; padding:10px;">

                                            <img id="blah" src="../../Images/View/ad1.jpg" alt="" style="height:150px; width:150px;" />

                                        </td>

                                    </tr>

                                </table>

DatePicker in Asp.net using jquery

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
            <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css" type="text/css" media="all" />
   <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js" type="text/javascript"></script>


    <script type="text/javascript">
        $(function () {
            $("#<%= txtFoo.ClientID  %>").datepicker();
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <input runat="server" type="text" id="txtFoo"  />


    </form>
</body>
</html>

How to Preview Image Before uploading using javascript in asp.net

<script type="text/javascript">
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#blah').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]);
        }
    }
    $("#filePhoto").change(function () {
        readURL(this);
    });
   </script>

HTML as

Upload Photo:    <asp:FileUpload ID="FileUpload1" runat="server" onchange="readURL(this)" />
<img id="blah" src="#" alt="" style="height:150px; width:150px;"/>

How to save images into SQL Server

protected void btnSave_Click(object sender, EventArgs e)
        {
       
//Here convert image into bytes
            Stream fs = FileUpload1.PostedFile.InputStream;

            BinaryReader br = new BinaryReader(fs);

            Byte[] bytes = br.ReadBytes((Int32)fs.Length);

//Now you need to add this byte into your Query.

        }