Share Blog

Tuesday, November 03, 2015

Convert String to Title Case (Proper Case), Upper Case, Lower Case in Asp.net

To convert text to proper case, upper and lower case in asp.net open your aspx page and write the following code


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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Convert String to Title Case (Proper Case), Upper Case, Lower Case in Asp.net</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <b>Enter Text to Change: </b> <asp:TextBox ID="txtinfoDetails" runat="server" Text="hi,welcome to sunil kumar blog"/><br /><br />
<asp:Button ID="BtnTitleCase" runat="server" Text="Title Case"
            onclick="BtnTitleCase_Click"  />
<asp:Button ID="BtnLowerCase" runat="server" Text="Lower Case"
            onclick="BtnLowerCase_Click"  />
<asp:Button ID="BtnUpperCase" runat="server" Text="Upper Case"
            onclick="BtnUpperCase_Click" />
<br /><br />
<asp:Label ID="lblResult" runat="server" Font-Bold="true"></asp:Label>
    </div>
    </form>
</body>
</html>

After completion of adding namespaces you need to write the code like as shown below

using System;
using System.Threading;
using System.Globalization;

public partial class CovertCase : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void BtnTitleCase_Click(object sender, EventArgs e)
    {
        CultureInfo culinfo = Thread.CurrentThread.CurrentCulture;
        TextInfo txtinfo = culinfo.TextInfo;
        lblResult.Text = txtinfo.ToTitleCase(txtinfoDetails.Text);
    }
    protected void BtnLowerCase_Click(object sender, EventArgs e)
    {
        lblResult.Text = txtinfoDetails.Text.ToLower();
    }
    protected void BtnUpperCase_Click(object sender, EventArgs e)
    {
        lblResult.Text = txtinfoDetails.Text.ToUpper();
    }
}


Demo





Monday, October 26, 2015

Difference Between Abstract Class And Abstract Method in C#

Abstract Class:- 
we use 'abstract' keyword to implement the concept of abstract class. 'Abstract class' can only inherited by other class.we can not create objects of 'abstract class' directly. When any  'abstract class' is inherited by other class then we create the objects of that derived class.We can not create objects of  'abstract class' because methods of  'abstract class' only declare but not define.

    If any class will inherited the  'abstract class' then that derived class will give the body of the  'abstract class'member.
Some characteristics of an  'abstract class' are:-
§  It can not be instantiate directly.
§  It can have abstract members.
§  we can not apply a sealed modifier to it.

Abstract Method:-
when we know what will happen but do not know how it happen ,we just only declare the method but do not define the method. In that case abstract keyword declare with method.
when an instance method declaration includes the modifier abstract,the method is said to be an
 abstract method.
Some characteristics of abstract method are:-

  It can not have implementation.
  Its implementation must be provide in non-abstract derived classes by overriding the method.
  It can be declared only in abstract classes.
  It can not take either static or virtual modifier.
  An abstract declaration is permitted to override a virtual method.


Saturday, October 10, 2015

Difference Detween Value type and Reference type in C#


1.   There are following difference between Value type and reference type on the basis of Storage.
2.     Value type store within stack memory and reference type store within heap memory.
3.     Structure,all primitive data type except string,enum are the example of value type.Class,string,array,delegate,interface is the example of reference type.
4.     Value type directly store values within stack but reference type contains reference object of value which store in heap.
5.     when value type is copy to another value type then actual value is copy,but when reference type is copy to another reference type then reference address of value is copy .
6.     Value type can be initialize with zero(0) and reference type initialize with NULL.


Saturday, September 26, 2015

How To Create JQuery UI AutComplete Textbox with Database in Asp.net

We Need  to Create Table in Database to Save user details in database.
CREATE TABLE Leader(
      LeaderId int IDENTITY(1,1)PRIMARY Key NOT NULL,
      Leader_Name nvarchar(150) NULL,
      State nvarchar(150) NULL,
      Lok_Sabha_Place nvarchar(150) NULL
)

Write the following code in your aspx page
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        SearchText();
    });
    function SearchText() {
        $(".autosuggest").autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "Default.aspx/GetAutoCompleteData",
                    data: "{'username':'" + document.getElementById('txtLeader').value + "'}",
                    dataType: "json",
                    success: function (data) {
                        response(data.d);
                    },
                    error: function (result) {
                        alert("Error");
                    }
                });
            }
        });
    }
</script>
</head>
<body>
    <form id="form1" runat="server">
   
<div >
<label id="lblleader" runat="server">Enter MP Name: </label>

    <asp:TextBox ID="txtLeader" runat="server" class="autosuggest"></asp:TextBox>
</div>
    </form>
</body>
</html>

Now Open code behind file and add following namespaces
using System.Web.Services;
using System.Configuration;
using System.Data.SqlClient;

C#.net Code
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

using System.Web.Services;
using System.Configuration;
using System.Data.SqlClient;


public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    [WebMethod]

    public static List<string> GetAutoCompleteData(string username)
    {
        List<string> result = new List<string>();
        using (SqlConnection con = new SqlConnection("Data Source=lenovo-pc;Initial Catalog=Digital_Politices;Integrated Security=True"))
        {
            using (SqlCommand cmd = new SqlCommand("select DISTINCT Leader_Name from Leader where Leader_Name LIKE '%'+@SearchText+'%'", con))
            {
                con.Open();
                cmd.Parameters.AddWithValue("@SearchText", username);
                SqlDataReader dr = cmd.ExecuteReader();
                while (dr.Read())
                {
                    result.Add(dr["Leader_Name"].ToString());
                }
                return result;
            }
        }
    }

}


DEMO


Wednesday, September 23, 2015

HTML5 Canvas to Capture Signatures Using JQuery

How to Capture Signatures Online on Web Page, IPads, Mobile Phones or Tables using HTML5 Canvas and jQuery Sketch Plugin.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>HTML5 Canvas to Capture Signatures Using JQuery</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://intridea.github.io/sketch.js/lib/sketch.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $('#colors_sketch').sketch();
        $(".tools a").eq(0).attr("style", "color:#000");
        $(".tools a").click(function () {
            $(".tools a").removeAttr("style");
            $(this).attr("style", "color:#000");
        });
        $("#btnSave").bind("click", function () {
            var base64 = $('#colors_sketch')[0].toDataURL();
            $("#imgCapture").attr("src", base64);
            $("#imgCapture").show();
        });
    });
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="tools">
    <a href="#colors_sketch" data-tool="marker">Marker</a> <a href="#colors_sketch" data-tool="eraser">
        Eraser</a>
</div>
<br />
<canvas id="colors_sketch" width="600" height="300">
</canvas>
<br />
<br />
<input type="button" id="btnSave" value="Save as Image" />
<hr />
<img id = "imgCapture" alt = "" style = "display:none;border:1px solid #ccc" />
    </form>
</body>
</html>



Wednesday, September 16, 2015

Flat Accordion Responsive Using .net

Now open your aspx page and write the code like as shown belowAfter completion of aspx page

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Flat Accordion Responsive </title>
    <style type="text/css">
   
   
body{
    background: #fff;
    font-family: 'Raleway', sans-serif;

}
body a,form li,.submit input[type="submit"],.new p a,.new p.sign{
       transition: 0.1s all;
       -webkit-transition: 0.1s all;
       -moz-transition: 0.1s all;
       -o-transition: 0.1s all;
}
body h1{
      color: #00BFFF;
    text-align: center;
    padding: 0em 0 1em 0;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: bold;
}
.main {
       margin: 10% auto 1%;
       width: 30%;
   background-color: #FFC0CB;
    padding: 3em 3em 3em 3em;
}
.ac-container{
       width: 400px;
       margin: 10px auto 30px auto;
       text-align: left;
}
.ac-container label{
           font-family: 'Raleway', sans-serif;
       padding: 5px 20px;
       position: relative;
       z-index: 20;
       display: block;
       height: 30px;
       cursor: pointer;
       color: #777;
       text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
       line-height: 33px;
       font-size: 19px;
       background: #ffffff;
       background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
       background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
       background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
       background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
       background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
       background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
       box-shadow:
              0px 0px 0px 1px rgba(155,155,155,0.3),
              1px 0px 0px 0px rgba(255,255,255,0.9) inset,
              0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
       background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
           background: #E0FFFF;
    color: #000080;
    text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3),
 0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
       content: '';
       position: absolute;
       width: 24px;
       height: 24px;
       right: 13px;
       top: 7px;
       background: transparent url(../images/arrow_down.png) no-repeat center center;   
}
.ac-container input:checked + label:hover:after{
       background-image: url(../images/arrow_up.png);
}
.ac-container input{
       display: none;
}
.ac-container article{
       background: rgba(255, 255, 255, 0.5);
       margin-top: -1px;
       overflow: hidden;
       height: 0px;
       position: relative;
       z-index: 10;
       -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
       -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
       -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
       -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
       transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
           line-height: 23px;
    font-size: 14px;
    padding: 15px 20px;
    font-family: 'Raleway', sans-serif;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    background-color: #fff;
}
.ac-container input:checked ~ article{
       -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
       -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
       -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
       -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
       transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
       box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
       height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
       height: 180px;
}
.ac-container input:checked ~ article.ac-large{
       height: 230px;
}
.login-form p {
    font-size: 0.9em;
    text-align: center;
    line-height: 1.9em;
    color: #fff;
    margin-top: 1em;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2{
  position: relative;
}
.effect2:before, .effect2:after{
            z-index: -999;
    position: absolute;
    content: "";
    bottom: 11px;
    left: 15px;
    width: 57%;
    top: 84%;
    max-width: 348px;
    background: rgba(255, 255, 255, 0.85);
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px rgba(179, 175, 175, 0.94);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.effect2:after{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 15px;
  left: auto;
}


/*--start-responsive-design--*/
@media (max-width:1600px){


}
@media (max-width:1440px){

}
@media (max-width:1366px){

}
@media (max-width:1280px){
       .main {
              margin: 10% auto 1%;
              width: 33%;
              background-color: #FFC0CB;
              padding: 3em 3em 3em 3em;
       }
}
@media (max-width:1024px){
       .main {
              margin: 10% auto 1%;
              width: 41%;
              background-color: #FFC0CB;
              padding: 3em 3em 3em 3em;
       }
}
@media (max-width:991px){
       .main {
              margin: 10% auto 1%;
              width: 54%;
              background-color: #FFC0CB;
              padding: 3em 3em 3em 3em;
       }
}
@media (max-width:800px){
       .main {
              margin: 10% auto 1%;
              width: 54%;
              background-color: #FFC0CB;
              padding: 3em 3em 3em 3em;
       }
}
@media (max-width:768px){
       .main {
              margin: 10% auto 1%;
              width: 54%;
              background-color: #FFC0CB;
              padding: 3em 3em 3em 3em;
       }
}
@media (max-width:736px){
       .main {
              margin: 10% auto 1%;
              width: 65%;
              background-color: #FFC0CB;
              padding: 3em 3em 3em 3em;
       }
}
@media (max-width:667px){
       .main {
              margin: 10% auto 1%;
              width: 65%;
              background-color: #FFC0CB;
              padding: 3em 3em 3em 3em;
       }
}
@media (max-width:640px){
       .main {
              margin: 10% auto 1%;
              width: 65%;
              background-color: #FFC0CB;
              padding: 3em 3em 3em 3em;
       }
}
@media (max-width:568px){
       .ac-container {
              width: 310px;
              margin: 10px auto 30px auto;
              text-align: left;
       }
       body h1 {
              padding: 0em 0 1em 0;
              font-size: 1.5em;
       }
       .main {
              margin: 40% auto 1%;
              width: 65%;
              background-color: #FFC0CB;
              padding: 3em 3em 3em 3em;
       }
}
@media (max-width:480px){
       .ac-container {
              width: 310px;
              margin: 10px auto 30px auto;
              text-align: left;
       }
       body h1 {
              padding: 0em 0 1em 0;
              font-size: 1.5em;
       }
       .main {
              margin: 40% auto 1%;
              width: 65%;
              background-color: #FFC0CB;
              padding: 3em 3em 3em 3em;
       }
}
@media (max-width:414px){
       .main {
              margin: 40% auto 1%;
              width: 73%;
              background-color: #FFC0CB;
              padding: 2em;
       }
       .ac-container {
              width: 264px;
              margin: 10px auto 30px auto;
              text-align: left;
       }
       .ac-container article p {
    line-height: 21px;
    font-size: 13px;
    padding: 9px 20px;
       }
      
}
@media (max-width:384px){
       .main {
              margin: 40% auto 1%;
              width: 73%;
              background-color: #FFC0CB;
              padding: 2em;
       }
       .ac-container article p {
    line-height: 21px;
    font-size: 13px;
    padding: 9px 20px;
       }
       .main {
              margin: 31% auto 1%;
              width: 73%;
              background-color: #FFC0CB;
              padding: 2em;
       }
}
@media (max-width:375px){
       .main {
              margin: 40% auto 1%;
              width: 73%;
              background-color: #FFC0CB;
              padding: 2em;
       }
}
@media (max-width:320px){
  .ac-container article p {
    line-height: 21px;
    font-size: 12px;
    padding: 9px 20px;
       }
       .ac-container {
              width: 221px;
              margin: 10px auto 20px auto;
              text-align: left;
       }
       body h1 {
              padding: 0em 0 1em 0;
              font-size: 1.3em;
       }
       .main {
              margin: 21% auto 1%;
              width: 73%;
              background-color: #FFC0CB;
              padding: 2em;
       }
}
    </style>
</head>
<body>
    <form id="form1" runat="server">
   <div class="main effect2">
              <section class="ac-container">
                  <h1>Flat Accordion </h1>
                           <div>
                                  <input id="ac-1" name="accordion-1" type="checkbox" />
                                  <label for="ac-1">.NET Framework(Section 1)</label>
                                  <article class="ac-small">
                                         <p>
                        .NET Framework is a complete environment that allows developers to develop, run, and deploy the following applications:

•      Console applications
•      Windows Forms applications
•      Windows Presentation Foundation (WPF) applications
•      Web applications (ASP.NET applications)
•      Web services
•      Windows services
•      Service-oriented applications using Windows Communication Foundation (WCF)
•      Workflow-enabled applications using Windows Workflow Foundation (WF)

                        </p>
                                  </article>
                           </div>
                           <div>
                                  <input id="ac-2" name="accordion-1" type="checkbox" />
                                  <label for="ac-2">Intermediate Language(IL)(Section 2)</label>
                                  <article class="ac-medium">
                                         <p>Intermediate Language is also known as MSIL (Microsoft Intermediate Language) or CIL (Common Intermediate Language). All .NET source code is compiled to IL. IL is then converted to machine code at the point where the software is installed, or at run-time by a Just-In-Time (JIT) compiler.</p>
                                  </article>
                           </div>
                           <div>
                                  <input id="ac-3" name="accordion-1" type="checkbox" />
                                  <label for="ac-3">CLS(Section 3)</label>
                                  <article class="ac-large">
                                         <p>Common Language Specification is a set of basic rules, which must be followed by each .NET language to be a .NET- compliant language. It enables interoperability between two .NET-compliant languages. CLS is a subset of CTS; therefore, the languages supported by CLS can use each other's class libraries similar to their own. Application programming interfaces (APIs), which are designed by following the rules defined in CLS can be used by all .NET-compliant languages.</p>
                                  </article>
                           </div>
                           <div>
                                  <input id="ac-4" name="accordion-1" type="checkbox" />
                                  <label for="ac-4">Manifest(Section 4)</label>
                                  <article class="ac-large">
                                         <p>Assembly metadata is stored in Manifest. Manifest contains all the metadata needed to do the following things
1.     Version of assembly.
2.     Security identity.
3.     Scope of the assembly.
4.     Resolve references to resources and classes.

The assembly manifest can be stored in a PE file either (an .exe or) .dll with Microsoft
intermediate language (MSIL code with Microsoft intermediate language (MSIL) code or in a
stand-alone PE file, that contains only assembly manifest information.
</p>
                                  </article>
                           </div>
                     </section>
        </div>
      
      
    </form>
</body>
</html>


DEMO