dropdown list with auto complete or searchable or filtering using JQuery with ASP.Net

In this example we explain that how to create dropdown list with autocomplete facility or search facility or filtering facility with dropdownlist in asp.net.previous we already explain that autocmplete facility with textbox but in this we explain that autocomplete with Dropdownlist in asp.net.

Suppose you have a large amount of value or country that you want to bind in dropdown list. But problem is that when user select country then user have to manually find country in dropdownlist by scrolling the dropdownlist when there is a thousand of value are binded to dropdownlist.

So avoid this problem and you want to make that dropdownlist user-friendly. You use auto search functionality in ASP.Net Dropdownlist control.

to do this functionality in dropdownlist first You  have to take one textbox inside dropdown list and when user type something in that textbox dropdown list become filter or  searchable and it will display only those records that are matched within textbox value without doing any postback.

mvc example for display grand total in footer of webgrid Footer template in webgrid in mvc4

create awesome vertical menu using CSS Fancy vertical menu in CSS

Moving row of a DataTable up and down in asp.net

Description:-

In this example we explain that how to move rows up and down in datatable in asp.net. or Moving row of a DataTable up and down. Or interchange the position of DataRow in DataTable or change the index or position of the datarow in datatable in asp.net.

Sometime You will need to add an Order column, and assign the DataGrid with a DataView sorted by the Order column. In order to switch the position of rows, you will need to set the Order value of each row.

That was the real problem that I was faced before sometime and then now I wil solved it.my problem was that I want to arrane thje datarow in datatable. In my datatable's one coloumn is that "colorarea". And if colorarea's value in datarow is "cell" then its position remain same in datatable but colorarea's value is "row" then it's datarow position are moved to the last position of the Datatable rows.

So how to handle that's type of situation and so far we will demonstrate to move or change the position of the datarow in datatable in asp.net using c#.

 Dynamically Bind Data in Ajax Accordion Panel Bind Data to Accordion from databse

Restrict the size of File when Uploaded How to Restrict the size of File when uploaded by user

How to Convert HTML to Plain Text in asp.net

Description:-

In this example we explain that how to convert Text to HTML in asp.net with c#. or how to convert HTML to Formatted Plain Text in asp.net.

sometimes we needs to display text from a file or database that contain a HTML text or string. This text may be entered by the user that has not been formatted for HTML. In these cases, the text must be converted.
.Net already provide the HttpUtility.HtmlEncode() method to encode special characters so that they will appear as expected in a web  browser.but problem is that , this method won't do anything with line breaks and paragraphs.

So When your application needs to convert or display unformatted text to Formatted Plain Text that contains multiple lines and paragraphs on a Web page, a little more work or code is required that we describe belows.

mvc example for display grand total in footer of webgrid Footer template in webgrid in mvc4

create awesome vertical menu using CSS Fancy vertical menu in CSS

Regex to validate date format dd/mm/yyyy in asp.net using C#

Description:-

In this example we explain that how to validate Date format in dd/mm/yyyy in asp.net C# backend code at runtime validation using Regex validator provided by .Net Framework.

We all know very to validate any like Date,only number,required validation,Range validation is easily at client side but my problem is that it will be validated by runtime.

For example in my real project in which one form name like create report in which form one is dropdown and its contain three items like string,integer and Date. And second control is textbox and one submit button. Now condition is that if user select string item from dropdown list then only string are allow to enter in below Textbox control same like if user select Date item from dropdownlist then only user allow to enter Date only and it also in dd/mm/yy format and same for Integer items. So it is difficult task to validate at runtime for me at first time.and then finally I got the solution are described bellows.

Dynamically Bind Data in Ajax Accordion Panel Bind Data to Accordion from databse

Restrict the size of File when Uploaded How to Restrict the size of File when uploaded by user

GridView With Fixed Headers in Asp.Net Using C# and jQuery

Description:-

In this example we explain that how to display Gridview with Fixed Header and scrollbar in asp.net using jquery. Or scrollable Gridview with Fixed header in asp.net.

We all know that Gridview is the most important control in Asp.Net to display data in table format. So if  we have a large number of record that we want to display to the user so first we will make gridview with scrollable because of small portion of the webpage.the issue is solved but main problem is that Gridview Header will remain at the top always. So in simple scollbar the griview header will not display at top when you scroll the gridview to show next records.

So how to scroll only body of the gridview and header will remain same at top. To do this here we demonstrate display gridview with fixed header using jquery in asp.net

Dynamically Bind Data in Ajax Accordion Panel Bind Data to Accordion from databse

Restrict the size of File when Uploaded How to Restrict the size of File when uploaded by user

Validate at least one Checkbox is checked or not in GridView using JQuery

Description:-

In this example we explain that how to check atleast one checkbox is checked or not in gridview checkbox in asp.net using javascript and jquery. Or how to validate to check at least one checkbox is checked in the Gridview in ASP.NET using JQuery.

This is common requirement in every webforms in application like in Gridview we provide facility to end user to delete multiple rows in gridview by selecting or checked checkbox in gridview. So there is a requirement when user click on delete button at that first we must have to validate or check that atleast one checkbox is checked in gridview or not. If user not checked any checkbox in gridview and directally click on Delete button then proper alert message will be display like "please select/check atleast one checkbox row that you want to delete".

So how to perform or validate checkbox is checked or not in gridview in asp.net using javascript/jquery.

Dynamically Bind Data in Ajax Accordion Panel Bind Data to Accordion from databse

Restrict the size of File when Uploaded How to Restrict the size of File when uploaded by user

Create watermark text for TextBox in asp.net using javascript or jquery

Description:-

In this example we explain that how to create watermark text for TextBox in asp.net using javascript or jquery with css. Or create stylish or effective watermark text in textbox in asp.net.

Here we use jquery and css to create watermark text for textbox in this applicaton in asp.net.here we explain that how to set watermark text for asp.net textbox so user can easily understand what should to be enter in textbox at the time of fillup form.

So how to create fancy watermark text for textbox using javascript/jquery with css in asp.net are as follows

Dynamically Bind Data in Ajax Accordion Panel Bind Data to Accordion from databse

Restrict the size of File when Uploaded How to Restrict the size of File when uploaded by user

How to access Session variables using Javascript in asp.net.

Description:-

In this example we explain that how to Access Session variable in javascript or jquery.here we describes how to Access Session at client side in asp.net.

Sometime we have requirement in application to Access the Session variable value at clientside or in javascript or jquery.

For example if we have one Application in which we have one form like Comment page and login user can Add the comment but without postback or page load. So you have to must defined a one web method that are used for inserting comment and this method is called from the clientside like Jquery/Ajax call with one parameter username.

So how it is possible because that is the real problem that I was faced. So finally we fetch the session value in javascript and then call the web method with pass parameter like username that we already fetch it from the session variable at client side javascript.

So access session variable in javascript and pass it to method and insert the record without postback is done through below code.

there are multiple ways to access Session variable at client side at javascript as follows

Restrict the size of File when Uploaded How to Restrict the size of File when uploaded by user

Dynamically Read/Write File in asp.Net How to Read Write File in Asp.Net using C#

Display User Detail in Tooltip in Webgrid in mvc4 using jquery

Description:-

In this example we exlain that how to display Tooltip when mouse is hover to each rows or cells in webgrid in mvc with asp.net.or how to show webgrid row details in Tooltip on mouseover using JQuery in MVC with ASP.NET.

Previous time we already explain that how to display Gridview rows detail in tooltip when mouse is over to rows in asp.net but now in this example we explain that how to provide same facility in webgrid in mvc application.

Here we not used any jquery plugin to display custom tooltip in webgrid rows when mouse is hover to cells of the webgrid in mvc.

to display user detail in tooltip in mvc webgrid you have to follow below steps

 

Restrict the size of File when Uploaded How to Restrict the size of File when uploaded by user

Dynamically Read/Write File in asp.Net How to Read Write File in Asp.Net using C#

How to Count and display remaining characters in the multiline textbox in asp.net.

Description:-

In this example we explain that how to count and display remaining characters in the multiline textbox in asp.net. as we all show the multiline textbox facility with displaying remaining character facility in many website when we write the comment or message or any note on website then it allow user to enter only 100 character or 200 character something like that. So at that time we must display the remaining character while user  entering comment or message so user can easily show that how many character are left and also he think about that how to write comment or review with predefined character.

Restrict the size of File when Uploaded How to Restrict the size of File when uploaded by user

Dynamically Read/Write File in asp.Net How to Read Write File in Asp.Net using C#

Prevent a User Navigating Away from a Page with Unsaved Changes.

Description:-

In this example we explain that Prevent User Navigating Away from Page with Unsaved Changes

As we all know that many website or social media site provide facility like When you edits some data, and then closes current page or navigate to the current page without saving that data, most applications will warn the user that they have unsaved changes and display alert message like you want leave the current page or stay on the page .

In my application we have requirement if users will edit some data or some changes and navigate away from a page without saving their changes. Then we provide appropriate alert message to the user is that unsaved changes you want leave the current page or stay on the page, same functionality that Gmail provide when you navigate away with an unsaved message.

Restrict the size of File when Uploaded How to Restrict the size of File when uploaded by user

Dynamically Read/Write File in asp.Net How to Read Write File in Asp.Net using C#

Include DropDown List Inside WebGrid in MVC

Description:-

In this example we explain that how to bind Dropdownlist inside WebGrid or mvc webgrid in mvc4 or how to populate dropdownlist inside webgrid in asp.net with mvc.

Here we explain that how to include dropdownlist in webgrid in mvc.previously we already explain many example of bind dropdownlist in gridview in asp.net but in mvc application how we can manage webgrid with dropdownlist inside webgrid.

Here in this example we have one table called employee and have two fields like empname and married status. When page is load the data of employees table can be bind in webgrid with empname in label and married status is bind on the dropdownlist inside the webgrid.

Dynamically Bind data in Ajax Accordion Panel Ajax Accordion panel Example in asp.net

how to Restrict the size of file upload when upload by user restrict the size of file upload control in asp.net

Create Facebook like search box with auto complete using jquery, ajax in Asp.net

Description:-

In this example we explain that how to create Facebook type search box with auto complete using jquery,ajax in asp.net.here we explain that Facebook style autocomplete textbox search using jquery and ajax in asp.net.

Previous time we already explain that autocomplete textbox search in asp.net and also in mvc application and webservices. But to display something fancy search box facility same like facebook when we search our friend then it's related information are displayed in box with his photo. Today all user like this type of fancy and good looking facility in your website.

How to Bind Excelsheet Data to Gridview CRUD operation in Excelsheet Database

How to Display Layer on one Another in CSS Overlapping Layer in CSS

So here is a code that demostrate how to create facebook style search in asp.net

How to Get User IP address in ASP.NET using C#/VB.NET

Description:-

In this example we explain that how to get IP Address of the client machine in asp.net with C#.or fetch/find IP address of the client or server machine using asp.net with C#.

You can also put this code in your website to fetch or retrieve users IP address and also you count the unique visitor in your website.

We all show that in many website use this type of functionality so he can view that which user is visited our website. So you can also use or set this code to your website for getting the list of IP address of the users machine that are visited your website.

How to Bind Excelsheet Data to Gridview CRUD operation in Excelsheet Database

How to Display Layer on one Another in CSS Overlapping Layer in CSS

how to select/deselect checkboxes in gridview Or check/uncheck all the checkboxes in gridview using header checkbox using JavaScript.

Description:-

In this example we explain that how to check and uncheck checkbox in gridview using javascript or select and deselect checkboxes in gridview with header checkbox in asp.net using javascript.

Previous time I already explain that how to check/uncheck checkbox in gridview in asp.net using C# and also in mvc with webgrid.

Bu in this example we explain same thing in Clienside using javascript and our requirement is that if user select or check header checkbox of the gridview then it's child checkbox means all the rows are automatically checked and if uncheck/deselect the header checkbox then all checkbox of the all the rows are also uncheck/deselected automatically without refresh or page load using javascript in asp.net.

To show Example How to insert,update,delete in DataList control clikck here  CRUD operation in DataList 

 How to Bind Excelsheet Data to Gridview CRUD operation in Excelsheet Database

How to Get Previous Page URL in Asp.Net using Jquery.

Description:-

In this Example we explain that how to Fetch previous page URL in Asp.Net using jquery and C#. or how to get previous page URL in asp.netweb application project.

Sometime we have requirement to redirect the user to the previous page or transfer user to the previous page in our application. For example if user is travel from one page to another page and if in second page that's have no writes then we all generally redirect or transfer user to Login.aspx page but sometime requirement if user have no rights then it's redirect to the previous page in which he travel to this page.

To show Example How to insert,update,delete in DataList control clikck here  CRUD operation in DataList 

 How to Bind Excelsheet Data to Gridview CRUD operation in Excelsheet Database

So perform this type of condition or flow follow the below code

How to Calculate Age of person from the Date of birth in Asp.Net

Description:-

In this example we explain that how to calculate the Age of the person from the date of the birth in asp.net. or Calculate Age based on date and display it as Days and Months using asp.net C#.
 or calculate the age of person and retrieve the year month and day depend on the user enter his birth date in textbox in asp.net.

sometime we have requirement in our application like in Government examination system suppose user enter his birth date then application will automatically calculate his Age and if Age is Greater then it's criteria then it will display proper message that you are not eligible for this exam.

To show Example How to insert,update,delete in DataList control clikck here  CRUD operation in DataList 

 How to Bind Excelsheet Data to Gridview CRUD operation in Excelsheet Database

So if you have to define this type of criteria in your application you should follow the steps

How to highlight DataList item on mouseover in ASP.NET

Description:-

In this example we explain that how to Highlight DataList Item on mouse over in asp.net or change the DataList item look and design or background when mouse is over in each items on the DataList in asp.net.

Previous we already explain this same thing in gridview but some time we have requirement in Datlist control like in online shopping application that you develop you must have to use the DataList control to dislay Item with it's price and Description. So to highlight each items in DataList you have to refer the following code.

Here we use custom css style/sheet for highlight the DataList items. In style sheet we define the style that will apply when mouseis over in each items of the DataList and highlight the DataList items.

To show Example How to insert,update,delete in DataList control clikck here  CRUD operation in DataList 

 How to Bind Excelsheet Data to Gridview CRUD operation in Excelsheet Database

move or transfer items from one ListBox to another ListBox in MVC4

Description:-

In this example we explain that how to move or transfer item from one listbox to another ListBox in MVC4. we already explain that how to move or transfer items in listbox in asp.net but sometime if you are worked on mvc application then how to move items from one Listbox to another ListBox or how to bind Listbox  in mvc4.

Here we create application same like online Shopping application or in hotel you first select the item that you want and finally selected item are send to the waiter same like here we create two listbox in which first listbox contains all the item that are available in shop and you have select your item and move this item from first listbox to second listbox and finally submit to the admin that will prepare your bill payment.

Fancy Image Slideshow of Image in Jquery Beautiful Slideshow in Jquery 

Awesome Login Popup in Jquery Signup and Login Popup in Jquery

Highlight duplicate rows in gridview in asp.net

Description:-

In this example we explain that how to Highlight duplicate row in Gridview in asp.net
Or display duplicate rows with highlight color or different background row in gridview in asp.net. generally we highlight row so user can easily look and feel that and understand that what to do next.

Generally that is great functionality if you have requirement to delete duplicate record then you do not have to find it one by one manually but you can use this functionality and easily delete highlighted rows.

Fancy Image Slideshow of Image in Jquery Beautiful Slideshow in Jquery 

Awesome Login Popup in Jquery Signup and Login Popup in Jquery

Nested DataGrid or Expandable and Collapsible Rows in Datagrid in C# Window Forms

Description:-

In this example we explain that how to create nested Datagrid in window form application using C# and VB .Net or how to create Expand and Collapsible rows in Datagrid in window form application with C#. or create nested datagrid with expand and collapsible rows in C# winforms application.

We already explain that nested gridview example in Asp.Net and even in mvc also but now we explain in windows form application.

Fancy Image Slideshow of Image in Jquery Beautiful Slideshow in Jquery 

Awesome Login Popup in Jquery Signup and Login Popup in Jquery

to create Nested Datagrid in window form application follow the below step.

Right click on the toolbar and choose the item display in below image.

 Now Drag and Drop DataGrid in window Form and write the following code in PageLoad.

Create Dynamic Tooltip on Custom DropDownList in ASP.Net MVC

Description:-

In this example we explain that how to Display Dynamic Tool tip on Custom Dropdown list item in mvc4 or create Tooltip for each item of the custom dropdownlist in asp.net with mvc.

That was the real requirement when I was worked in one project and in which the requirement is that I have an Html.DropdownList() and the select list has an item whose text is really very long, but the width of the list truncates or delete the text. I want the tooltip to show the full text so end user can easily read the item in Dropdownlist and understand properly.

So that is nice article and also usefull for you if you have long item text that you want to bind to Dropdownlist then use this example with attractive and dynamic tooltip facility in mvc application.

to show Example of How to Display Gridview Row Detail in Javascript Popup click here Display Gridview ARow Detail in Javascript Popup

to show Example of how to Redirect to another aspx page in javascript click here Redirect to another aspx page in javascript

How to Create XML File Dynamically in Asp.Net using C#.

Description:-

In this example we explain that how to create XML file Dynamically in asp.net or create XML runtime through C# code in asp.net.

We already explain that how to create text file with insert,update facility but how to create XML file dynamically and save this file in your project folder in asp.net with C#.
The real advantages of creating XML file is that XML is platform independent so it can easily used other platform once it was created. To create XML file here we use XMLTextWriter class.

to show Example of How to Display Gridview Row Detail in Javascript Popup click here Display Gridview ARow Detail in Javascript Popup

to show Example of how to Redirect to another aspx page in javascript click here Redirect to another aspx page in javascript

to show example of how to create timer or display clock in javascript click here create timer or display clock in javascript

How to Scroll Page Automatically by few pixels after every few seconds using JQuery in asp.net

Description:-

in this example we explain that how to scroll page data automatically after every few second or using timer concept in asp.net using jquery. Or how to scroll page data or any part of the page automatically after every stetted time in asp.net.

suppose if you have note that we show many this type of functionality in News website like Divbhaskar.com or Gujaratsamachar.com etc.. in this website the news will be automatically scroll one by one from bottom to top or right to left as per website defined.

So to display this News type effect in our code you have to write the following code

How to Handle Concurrency in Linq to Sql Handle Concurrency in Linq to Sql

Read/Write Text File in Asp.Net with C# Example of Read/Write File

How to compare password and confirm password with razor view in MVC4

Description:-

in this example we explain that how to compare password and confirm password in mvc4 rozar view with asp.net.

we all know that in every web application in any languages must have a Register Form in which Password and Confirm Password are two field are compulsory. So this example is very useful to compare password and confirm password in Razor view in mvc website when user is register or login into the site.

We all already use this functionality in Asp.Net website but how to use in MVC is the Question so to achieve this facility in your mvc application follow the below code


Sorting Row data in gridview Gridview Sorting 

How to handle Concurrency in Linq to Sql Concurrency Example 

How to Wrap the data of a Particular Column in GridView or Word Wrap for GridView columns in asp.net

Description:-

in this example we explain that how to wrap the Gridview coloumn data in asp.net or wrap the data of the Gridview coloumn when data is long.

Suppose we have one form in which user information are entered by user like name,city,mono,address etc.... and finally bind this record to Gridview.

So here address enter by user is very long so by Default Gridview can Display data in a single line and Layout of the Gridview will not display proper. So that's type of situation we have to manually set the code for Gridview to particular coloumn so data will be display in wrap format in Gridview.

So apply this type of facility in your code just write the below code

Sorting Row data in gridview Gridview Sorting 

How to handle Concurrency in Linq to Sql Concurrency Example 

Interview Question for Sql query or sqlserver interview query.

Description:-

In this example we explain that most important sql query that is asked by all interviewers in interview. So this some query is more useful to prepare your sql server interview question.

Here we define or explain all most important sql query that is I was really faced in my interview in my life and I will solved all the sql query and here define all sql query are below.

Sorting Row data in gridview Gridview Sorting 

How to handle Concurrency in Linq to Sql Concurrency Example 

Display currency symbols in gridview column in asp.net with C#

Description:-

In this example we explain that how to display currency symbol in gridview column in asp.net or set currency symbol for salary column of the gridview in asp.net.

This was real problem that I was faced that in my project we have a one column salary in employee table. And requirement is that if employee's city is UK then we have to set currency symbol ahead of salary is "$" if employee's city is India then display simple salary as in database and also same for other multiple employee country.

So this is very important thing and very useful feature that we have require in many project. So to achieve this type of functionality follow the below steps

To show Example of How to Upload Multiple File in MVC Application then click here upload multiple File in MVC

How to upload File and Fetch file from SqlServer and bind to Gridview fetch file from Sqlserver and bind to Gridview

Display Empty Data Text in WebGrid in MVC4

Description:-

In this example we explain that how to display Empty Data Text in webgrid in mvc4 with asp.net.we already expl;ain that how to display empty datatext text in grdiview in asp.net but in mvc that is no facility in webgrid to display emptydata text automatically so we have to manually write or define the code for this.

Let have to see a simple tip that shows how to display Empty Data or empty data text in a ASP.NET MVC 4 WebGrid by using WebGrid web helper class.

Here in this post we will check the  model if it  has no data then display a message, similar to the EmptyDataText property of the ASP.NET GridView.

Add a notification bar to your website using jQuery in asp.net

Description:-

In this example we explain that how to display notification or popup message in asp.net. Or how to create notification bar or prompt using query in asp.net.

Today we all show that Many websites display notifications bar or information bar in top of the pages when some functionality is performed by user. Notification bar or information bar is nothing but it contains some text information, graphics or any other HTML.

Notification bar are very useful to  remember the user's choice of closing the notification bar. you can substitute anything in Notificatin Bar or Information Bar like: Twitter or Facebook "follow us" buttons, custom graphics, or advertisements.

To show Example of How to Upload Multiple File in MVC Application then click here upload multiple File in MVC

How to upload File and Fetch file from SqlServer and bind to Gridview fetch file from Sqlserver and bind to Gridview

Fixing Report Viewer control toolbar in Google Chrome

Description:-

In this example we explain that how to display Report Viewer toolbar in a single row in Google Chrome browser and Firefox browser. By default it display toolbar in a multiple rows in Chrome browser.


So here we explain SQL Server Reporting Services ReportViewer control has a toolbar that is not displayed correctly in Google Chrome browser and Firefox  because On Google Chrome, each button in the toolbar takes a separate line so  how to set toolbar of Report Viewer from multiple rows to single row in Chrome and Firefox browser.

So here we convert code into Browser compabality code so in every browser the report viewer toolbar are display in single row with same layout.

I was faced that type of problem and finally I got the solution

 As we know that In Chrome browser, Report Viewer (8 & 9) toolbar elements are displayed in multiple rows as shown below.

 after implementing below code the reportviewer toolbar will be display in single line like

To Show Example of How to Upload File in MVC Application then click here upload Image and bind to Gridview in MVC

To show Example of How to Upload Multiple File in MVC Application then click here upload multiple File in MVC

Code:-

<script type="text/javascript">

        $(document).ready(function () {

            if ($.browser.webkit) {

                $(".ms-report-viewer-control :nth-child(3) table").each(function (i, item) {

                    $(item).css('display', 'inline-block');

                });

            }

        });

    </script>