Sunday, April 30, 2017

How to focus() button in jQuery example?

 focus() button using JQuery example
In this article I will show you how to focus() button using JQuery example. In this coding is used to focus the first input button.

more details:

Thursday, April 27, 2017

Asp .net mvc grid paging example

install PageList.MVC using nuget package manager
In this article I will show you how to implement asp.net mvc grid paging with example using entity framework in c#.

more detail:

Friday, April 21, 2017

The following data type properties of column do not match those of Data type, length, precision.

Initially I want to apply the foreign key for Student table .But the error occurred. Because of variation in data type. I got the following error “The following data type properties of the column do not match those of Data type, length, precision”

more details:

Tuesday, April 18, 2017

Wednesday, March 22, 2017

set viewbag in jquery

set viewbag in jquery:
In this example I will show you how to bind viewbag value to an html control using jQuery in mvc.

more details:

Monday, March 20, 2017

How to appending an existing XML file in c#?

c# xml add element
In this article I will show how to append new data to an xml file using c#. If you want to add data to xml file without reloading the xml file appending data to the first row using the xElement addBeforeSelf...

more details:

Saturday, March 18, 2017

How to display an image using angularjs ng src?

l In this article, I will show you how to display image in angularjs ng src. In html document you should display an image using img tag element using the src attribute. In Angular use ng-src attribute to bind the image.

more details:

Wednesday, March 15, 2017

Mouseover hover effect for asp.net Gridview using JQuery

select gridview row
In this article I will show you how to create a mouse hover effect for asp.net gridview rows using jQuery. You can apply Css effects for a gridview using JQuery related Css methods like addClass, removeClass and toggleClass etc.

more details:

How to edit xml file using asp.net c# MVC?

How to edit xml file using asp.net c# MVC?
In this article I will show you how to modify xml file using asp.net c# mvc. I have xml file with column fields such as id, paragraph, link etc.

more details:

How to create random generating alphanumeric stirng in C#?

How to create random generating alphanumeric stirng in C#?
more details:

Saturday, March 11, 2017

Control the brightness of image using c#

image processing in c#
In this article I will show you how to apply brightness of an image using c#.net. You can adjust the color components of the image from the input ranges between -255 and 255.

more details:

How to convert byte array to image in c#?

byte array to image c#
In this article I will show you how to convert binary data to image using c#. I have saved already stored image binary data into database.

more details:

Friday, March 10, 2017

How to get the name of Image using jQuery?

jquery get id of element
In this article, I will show you how to get the name of image using jQuery. We can get the Image using jQuery id selector, then using slash(‘\’) and split into array(s).

more details:

Convert image to black and white in c#

convert image to black and white
In this article I will show you how to convert picture to black and white using c#. You need to pass the bitmap image to the following function.

more details:

Wednesday, March 8, 2017

JQuery ui Slider-ajax server side call

jquery slider ui
In this article, I will show you how to send a post with to the server from jQuery ui Slider using jQuery Ajax . The jQuery ui Slide allows the user to select certain numeric value range from it.

more details:

Thursday, March 2, 2017

How to set focus on the image of an HTML page?


After cropping the image, the page scrolls to the top of the window. The new cropped image doesn’t get focused. Normally .focus() JavaScript method is applies to the form controls.

more details:

center a picture on a web page using HTML

html center align
In this article, I will show you how to align images to the center. It’s very simple to align images on the WebPages. Normally,img tag is an inline element, so it acts differently over the elements.

more details:

Tuesday, February 28, 2017

How to get image from the physical path (Local Drive) in asp.net C#?


You can create a virtual path i.e (folder) in the application called “Images” and save the images into it. When the user uploads the images using the file upload control,

more details:

Monday, February 27, 2017

How to convert GIF format to static jpeg format in asp.net C#?

animated moving pictures Gif to jpg image
In this article, I will show you to convert animated moving pictures i.e GIF format to static image. It take the first frame from the GIF image and create a static image without loosing quality.

more details

JQuery sortable example using dropzone.js

jquery sortable example
We cannot not sort the image in dropzone area using Dropzone Js.So we can use jQuery ui plugin to achieve this. And also, I will show you how to highlight the dropzone area using the CSS.

more details:

Friday, February 24, 2017

How to clear the fields after submitting a form in asp.net MVC?


In this article, I will show you how to clear form after submit in asp.net MVC. Before, when I submitting the asp.net mvc form; the page fields are not cleared; the problem on resetting of all form fields.

more details:

Translate a page to other languages- Google translate plugin




In this article I will show you how to translate a page to other languages using the google translate plugin. Just you need to register a translate plugin and piece of JavaScript code on the page or master page.

more details:

Thursday, February 23, 2017

How to bind dropdownlist in asp.net MVC using Entity framework.


In this example I am going to explain How to create DropDownList using MVC .net.Here, I am binding the MVC dropdownlist from model object (myDatabaseEntity) using entity framework.

more details:

Sunday, February 19, 2017

How to set limits for file upload in dropzone.js ?

multiple file upload jquery
The jQuery file upload plugin Dropzone.js
supports maxFiles option. You can set simply desired number for file upload
like this maxFiles:1. If you set one, then it will allow one file at a time. Further,
you can call maxfilesexceeded function. It will delete the preview of the first
file and add the new one. 
more details

Html5 preview image before upload JQuery example

In this article, I will show you how to preview an image before uploading to the server using jQuery.You can preview the selected photos with the help of HTML5 FileReader().

more details:

Saturday, February 18, 2017

How to hide footer in bootstrap mobile view?

footer template bootstrap
In this article I will show how to
hide responsive footer in bootstrap mobile view. It is simple; you can create a
div tag and apply the following Css footer code hidden-xs. Paste the footer coding
inside the created div tag.


When you apply “hidden-xs” class; it will hide the
elements on the extra small devices which having a screen width less than
768px. Visible on other device screen length greater than 768px.
more details

Thursday, February 16, 2017

API-Google places autocomplete jQuery example?


In this article, I will show you how to get address from google maps places autocomplete using jQuery. If a user searches a city or country name in textbox it automatically gets the Address, Longitude and Latitude value.

more details

How to create a favicon for website on browser tab?


In this article, I will show you how to create favicon for website on the browser tab. The size of the site icon should be about 16x19 pixels and named as favicon.ico or something. It also called as shortcut icon,bookmark icon or webpage icon.

more details:

Wednesday, February 15, 2017

How to redirect to a particular section of a page in HTML with example?

html link to section of page
In this article, I will show you how to redirect html link to section of page. Create an html page with link button and section tag.You need to add an id attribute for the section tag and pass section to the end of the URL using hash(#).

more details:

Monday, February 13, 2017

Page loading effects in Css

In this article I will show you web page load css animation transition effects. The Css animation transition fadeIn effect for 1 Sec also opacity of the page changes from 0 to 1.

more details:

Sunday, February 12, 2017

How to download a File with MVC4 Razor view?

 In this article, I will show you download file to client browser from a server using asp.net c# MVC razor view with example. I am using FileResult, it allows user to download file from the folder with specified file name. It will return the file with generic octet-stream MIME type.

more details:

Saturday, February 11, 2017

File upload and download in asp.net MVC

In this I will show you, file upload and download in asp.net MVC with example. Also displaying the number of already uploaded files with details such as fileName , size and file type.

more details:

Wednesday, February 8, 2017

Convert HTML to pdf in asp.net c# using itextSharp

In this article, I
will show you how to convert  html to pdf
in c# using iTextSharp. For that, you need to
Download the iTextSharp PDF library and unzip. Copy and paste the following dlls
itextsharp and itextsharp.xmlworker in the project folder and reference it . 
more details:

Redirect to external URL from controller asp.net MVC

You can redirect to an external URL by using Redirect Method() or via Json Result.

for details:

How to select all checkboxes from all pages in jQuery datatable grid?

Normally jQuery datatable will display 10 records at a time. If we select using paging max it will show 100. If user needs to select all records form all pages. Below example I will show you how to select all records from all pages of jQuery datatable and same way if user unchecks select all checkbox it will uncheck checkboxes from all pages.

more details

Monday, February 6, 2017

how to send email in vb.net using gmail server?

 In this article, I will show you how to send email with vb.net using gmail sever.The SMTP (simple mail transfer protocol) server used for sending email using the namespace System.Net.Mail.

more details:

Saturday, February 4, 2017

JQuery sticky header example

 In this article I will show you sticky header on scroll jQuery using css. This effect will take place when the user scroll down the page and it reaches height 72px with the help of window.scroll function.

more details:

Friday, February 3, 2017

Solved-The SMTP server requires a secure connection or the client was not authenticated. The server response was: 5.5.1 Authentication Required.

I got this following error “The SMTP server requires a secure connection or the client was not authenticated. The server response was:5.5.1 authentication Required” while attempting to send mail using asp.net c# (i.e Google authentication required).

more details:

Thursday, February 2, 2017

How to configure godaddy email account using .net?

 To set up your email client with your email, you need to know your POP or IMAP Email Server Settings and ports. To find them, go to the Email Setup Center and write down the information that displays under Email Server Settings.

more details:

[solved]Unable to read data from the transport connection: net_io_connectionclosed

I am attempting to send email using asp.net c#, I got the following error “Unable to read data from the transport connection net_io_connectionclosed”.

more details:

Wednesday, February 1, 2017

JQuery focus on first input field

 Normally, User starts to fill a form,always to select the first input field on the page.Here,the following little trick will work for any situation automatically on page load.

detail:

Tuesday, January 31, 2017

SEO tricks for Links

The system of documents interconnected all over the web through links. The hyperlinks are the major components for an effective SEO optimization.

for more details:

Monday, January 30, 2017

JavaScript Confirm submit button onClick

 The JavaScript confirmation dialog box is used to handle user’s agreement on any option.Here, I will show you how to use a JavaScript alert confirm, it prompts a dialog box with two buttons OK and Cancel.

more details:

How to find a client’s browser name?

 In this article I will show you how can you find a client’s browser name. You can detect the browser using the JavaScript properties navigation.appName and navigation.

for more details:

Saturday, January 28, 2017

Htaccess leverage browser caching

We can specify the browsers, how long time to keep css ,JS and images
stored locally using the .htaccess file i.e( leverage browser caching of static
assets). Using google PageSpeed Insights, we can find out how
to make our web pages faster on all devices, after giving the web page URL on
the text box and clicking the analyze button. 
for more details

Friday, January 27, 2017

How to select all checkboxes from all pages in jQuery datatable grid?

Normally jQuery datatable will display 10 records at a time. If we select using paging max it will show 100. If user needs to select all records form all pages. Below example I will show you how to select all records from all pages of jQuery datatable and same way if user unchecks select all checkbox it will uncheck checkboxes from all pages.

for more details:

Thursday, January 26, 2017

set viewbag in jquery

In this example I will show you how to bind viewbag value to an html control using jQuery in mvc.

for more details:

Tuesday, January 24, 2017

How to remove last special character using C#?

Remove last special character if last character is question mark. First we have to check the last character in given string is question mark or not. If last character is question mark then we remove the last character.

Remove last special character using jQuery

In this article I will show you how to remove the last special character from a string using JQuery. The input text jQuery event change slices the last char from the string with the help of slice property...

How to do encryption and decryption using jQuery plugin?


Monday, January 23, 2017

Change image on mouseover JavaScript in asp.net

In this article I will show you how to display Large image while the user mouse hover on small images using JavaScript onmouseover event in asp.net . Usually we have seen these kind of functionality in shopping cart websites.