How To Set BackGround Image, BackGroundColor, Position in CSS.

Background

You can style the background of an element in one declaration with the background property.

background: #ffffff url(path_to_image) top left no-repeat fixed;

Values:

• attachment
• color
• image
• position
• repeat

Background Attachment

If you are using an image as a background. You can set whether the background scrolls with the page or is fixed when the user scrolls down the page with the background-attachment property

background-attachment: value;

Values:

• fixed
• scroll

Background Color

You can specifically declare a color for the background of an element using the background-color property.

background-color: value;

Values:

• color name
• hexadecimal number
• RGB color code
• transparent

Background Image

You can set an image for the background of an element using the background-image property.

background-image: url(path_to_image);

Values:

• url
• none

Background Position

You can position an image used for the background of an element using the background-position property.

background-position: value;

Values:

• top left
• top center
• top right
• center left
• center center
• center right
• bottom left
• bottom center
• bottom right
• x-% y-%
• x-pos y-pos

Background Repeat

You can set if an image set as a background of an element is to repeat (across=x   and/or   down=y) the screen using the background-repeat property.

background-repeat: value;

Values:

• no-repeat
• repeat
• repeat-x
• repeat-y

How To Create Paging or Custom Paging In DataList Control in Asp.Net

What is Paging:-

When a program is selected for execution, the system brings it into virtual storage, divides it into pages of four kilobytes, transfers the pages into central storage for execution. This dividing of pages is also known as Paging.

For Ex:-

       we all know very well GridView provide In Built Facility while an DataList can not provide In Built Facility so we have to create manually paging in datalist control.

Here is a code for creating a paging in DataList with PageSize is six 

void doPaging()

    {

        pagedData.DataSource = getTheData().DefaultView;

        pagedData.AllowPaging = true;

        pagedData.PageSize = 6;

    }

in this Example we can provide Next and Previous Button and Define size =6 Every that means only Six Record is Displayed per page.

when click on next button then the next six record will be displayed and click on previous then previous six record will be displayed.

Here is some link that is very useful for same programming like :-

to show Example of insert,update,delete in gridview using LINQ please click here insert,update,delete using Linq

How to Send SMS in asp.net Send SMS to user

 

upload file in database and bind to gridview Upload File and bind to Gridview

Example of Auto Complete TextBox Search Autocomplete TextBox in Ajax

How to send Mail to the other User In asp.Net

Description:-

               In this Example we explain that how to send email to the user using simple code are defined as below.

we provide same facility of Email as provide in Gmail you can easily send the Email to any user.

   Explanation:-
                         mail.From = new MailAddress(Reciever EmailId);

               mail.To.Add(Reciever EmailId);

             this two above line Define that Reciever EmailId.

means 

                         mail.From = new MailAddress("abhay.makadia@gmail.com");

               mail.To.Add("abhay.makadia@gmail.com");

 SmtpServer.Credentials = new System.Net.NetworkCredential("username@id","password");

             this line defined the Sender UserId or Password means your Gmail Account username and password.

there is some setting Required Before sendind Mail to user here is a step How to Send Email like

step 1:- Go to Website and click on asp.net website Configuration in visual studio like

Step 2:- click on Application and then After click on Smtp Email Configuration Link

Step 3:- Fill up the Information in Form Like emailid password port and server.

Servername=smtp.gmail.com
port=25
from=your email
sender username=your email
senderpassword=your gmail password

To send SMS in Asp.Net to any User then click Here Send SMS or message in Asp.net

create Paging or Custom paging in DataList Paging in datalist


 To send Email with Attechment File click Here Send Email with Atteched File in Asp.Net

Read and Write File in asp.Net Read/Write File in Asp.Net with C#

Awesome JQuery Plugin for ZoomLevel Effect Of The Image Using JQuery.

                             

Description:-

                  in this example we explain that how to create Full Zoom Effect of the Image when mouse is move on the Image than thjis part is Display with  Full Zoom Effect.

JQuery provide an inbuilt facility for Zooming Image so we just call it in our code. there are also more JQuery Awesome plugin are available so use just have to download that and put in you Application.

Here is the function code of the Jquery are as follows

<script type="text/javascript">

    $(function () {

        $("#zoom_11").elevateZoom({ zoomLevel: 0.5 });

    });

</script>
Fancy Image Slideshow of Image in Jquery Beautiful Slideshow in Jquery 

Awesome Login Popup in Jquery Signup and Login Popup in Jquery  

How To Create Zoom Effect Of The Image When Mouse is Move On Image Using JQuery.

                

Description:-

                 in this example we explain that how to create Beautyful Zoom Effect of The Image When Mouse is Move On the Image.

we provide Facility to user to show Zoom Level Effect of the Part of the Image means user move mouse on the wheel of the car then only this part of the car are displyed as a Zoom Image so user can easily watch the whole part of the image.

Here we use JQuery Function so we can easily put Zoom type Facility in Our application.here is a code for that like  

<script type="text/javascript">

    $(function () {

        $("#img1").elevateZoom();

    });

</script>


Fancy Slideshow of Image Gallery in JQuery Slide Show in JQuery 

Fancy and Beautiful Login Popup in JQuery SignUp and Login Popup in Jquery  

How To Create a Tints Effect of the Image Using Jquery.

Description:-

              in this example we explain that how to create a tints effect of the image when mouse is over on the Image.

                      Look at the below Image when we mouse mouse on the Left Hand side portion of the car then this part of the Image are Display in Tints Zoom Format.

JQuery Provide in built facility to Create the Tints effect of the Image here we define code in jquery like this

<script type="text/javascript">

    $(function () {

        $("#zoom_02").elevateZoom({ tint: true, tintColour: '#F90', tintOpacity: 0.5 });

    });

</script>

here tintcolor is the first Argumnet of this function define that the color of Tints of the image and second Argument is the tintopacity define the Opacity of the Tints.

Fancy Login Popup in JQuery Awesome Login Popup in JQuery

Fancy Image Slide Show in JQuery Beautiful Image Slide show in jquery

Lens Zoom Image Effect on mouse over Using JQuery

                         

Description:-

                     in this example we explain that how to create a lense zoom effect(mirror effect) of the image using jqury.

Look at the above Image we move the mouse on the wheel of the car then this part will be displayed in lenszoom effect.

this is the Facility same like you show your face on mirror when you move mouse on image then it will display Lens Zoom Effect of the Image.

Fancy Image Slideshow of Image in Jquery Beautiful Slideshow in Jquery 

Awesome Login Popup in Jquery Signup and Login Popup in Jquery  

How To Create Inner Zoom Of The Image Using JQuery.

Dexcription:-

                  in this example we explain that how to Create Fancy,Beautiful and Awesome Inner Zoom of the Image when mouse is move on the Image.

By using Jquery it is very easy you just have to call the Function and set the property like

 
<script type="text/javascript">
$(function() {
$("#zoom_05").elevateZoom({
  zoomType : "inner",
  cursor: "crosshair"
});
});
</script>

Here we set the ZoomType Property as a inner so it can create Effect of the inner zoom Effect and set the cursor Type is CrossHair so user can not click it just view it.

Fancy Image Slideshow of Image in Jquery Beautiful Slideshow in Jquery 

Awesome Login Popup in Jquery Signup and Login Popup in Jquery  

Jquery Image Gallery and LightBox Effect of The Image Using Jquery in Asp.Net

Description:-

                 in this example we explain that how to create Image gallery and LightBox Effect of the Image.


Here we set the galleryactiveclass as a active and create a Fancy Box so image can be Display in Fancy Box with LightBox Effect are as follows

 

<script type="text/javascript">

    $(function () {

        $("#zoom_03").elevateZoom({ gallery: 'gallery_01', cursor: 'pointer', galleryActiveClass: 'active' });

        //pass the images to Fancybox

        $("#zoom_03").bind("click", function (e) {

            var ez = $('#zoom_03').data('elevateZoom');

            $.fancybox(ez.getGalleryList());

            return false;

        });

    });

</script>
For Ex:-

          look the above example when we move mouse on the Image then this part of the Image are display in LightBox Effect near the Orignal image.

Fancy Image Slideshow of Image in Jquery Beautiful Slideshow in Jquery 

Awesome Login Popup in Jquery Signup and Login Popup in Jquery  

Add Events in the Calendar or How To Create Calender Event like Birthday in Asp.Net

Description:-

              Here we add the Birthaday, Anniversary and Meetings in the relevant dates of the calendar.

  in this example we explain that how to create Fancy or Beautiful Calender and set Event in Calender like Birthday Event,Marriage Event same like as Facebook or Google etc...

you can easily create your Event in Calender and it will Automatically Display this event on the Date that you are set it when you enter the event in Calender.

you can easily Add the Event in Calender and easily view the List of Event by choosing Date.

For Ex:- 

                Look at this the above example when we click on 22 june 2013 date then it will display all Event of 22 june in gridview Format.

Fancy Image Slideshow of Image in Jquery Beautiful Slideshow in Jquery 

Awesome Login Popup in Jquery Signup and Login Popup in Jquery  

How To Handle Concurrency in LINQ to SQL using LinqDatasource in Asp.Net

What is Concurrency Control

Process of managing simultaneous execution of transactions in a shared database, to ensure the serializability of transactions, is known as concurrency control.

Why we need Concurrency Control

Simultaneous execution of transactions over a shared database can create several data integrity and consistency problems:

1.      Lost Updates.

2.      Uncommitted Data.

3.      Inconsistent retrievals

.

Concurrency Control Techniques

• Pessimistic concurrency control

• Optimistic concurrency control

Pessimistic Concurrency Control

•         Pessimistic Concurrency Control assumes that conflicts will happen

•         Pessimistic Concurrency Control techniques detect conflicts as soon as they occur and resolve them using blocking.

Optimistic Concurrency Control

•         Optimistic Concurrency Control assumes that conflicts between transactions are rare.

•         Does not require locking

•         Transaction executed without restrictions

•         Check for conflicts just before commit

 Description:-

                 Concurrency control theory has two classifications for the methods of instituting concurrency control:
 
Pessimistic concurrency control:-
                         in pressimistic concurrency control user can locked the data when user is readit.

Optimistic concurrency control:-
                       in pressimistic concurrency control user can locked the data when user is readit.

Insert,Update,Delete in Linq CRUD operation through Linq

Ajax Password Strength Example Check Password Strength

Display Gridview Row Detail in Javascript Popup Display Row Detail in Popup when mouse is over

How To Auto Generate Random Password or Random number or string in Asp.net using C#

Description:-

                    In this example we explain that how to Auto generate Unique password or Generating Random number or Random String with proper validation Like Two alpha Character,Two Numeric Character,Two Special character Like generate a strong password.

for Ex:-

       

          in this example once user click on Button the generatepassword() function is called and password will be display in Label.

We all know that today in this Internet world in every website when we click on the ForgotPassword Link it will Send a Auto Generate Unique Password in our Email Id or our Mobile Number as per site choice. So Devloping this type of Functionality in our Application you have to use this code for password Generation.

             The main advantage of this program is we can Generate Random and Unique Password in Proper way so this type of Facility is very Useful in when user click on Forgot password and we can send a Random Unique Password to His/Her Email Id. 

How to Send Forgot Password to user Email Send Forgot Password to user email

Rotate the Ads witout Refreshing the webpage Rotate the Advertisement in Asp.Net

Export Gridview Data to PDF file Export Grid data to PDF File

how to Bind Country in DropDownList with It's Flag or Image in asp.net

Description:-

                                   

         

                     In this Example We Can Bind The Country Name with It's Flag in DropdownList.We All Know That the simply bind the name is very easy task but with it's Flag is difficult Task. So,we use the JQUERY to Bind the Country Name With It's Image are Shown Below.

in this Example we can use the jQuery to Bind image in DropDown With it's Name Because Simply That is not Possible.

 For example:

<link rel="stylesheet" type="text/css" href="msdropdown/dd.css"/>

<script type="text/javascript" src="msdropdown/js/jquery-1.6.1.min.js"></script>

<script type="text/javascript" src="msdropdown/js/jquery.dd.js"></script>

<!-- Script is used to call the JQuery for dropdown -->

<script type="text/javascript" language="javascript">

$(document).ready(function(e) {

try {

$("#ddlCountry").msDropDown();

} catch (e) {

alert(e.message);

}

});

</script>

</head>

In above Function we call a msDropDown() Function when selection is changed in the DropDownList.in this msDropDown() Function we Define a code through which we can easily Bind Image of Country with CountryName in DropDownList. 

How to Send Email to User Send Mail in Asp.net

Sorting Row data in gridview Gridview Sorting 

How to handle Concurrency in Linq to Sql Concurrency Example 

To DownLoad the Complete Project Click the Below Download Image Link