Posts

Showing posts from October, 2013

Create jQuery stylishh dropdown menu example like Facebook

Image
Introduction:   In this article i will explain how to create stylish drop down menu like Facebook  Implementation: Let's create an application to see the menu in working.  First of all create a style sheet to give the styles to the drop down menu. So to add style sheet in the website go to website menu and click Add New item.. -> Select StyleSheet.css and rename it to menu.css In the menu.css paste the following <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Admin_Timetable_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>    <style type="text/css"> body { } .dropdown { color: #555; margin: 3px -22px 0 0; width: 143px; pos...

Ajax tabcontainer Example/Sample in asp.net

Image
Here I will explain how to use Ajax Tabcontainer in asp.net An ASP.NET AJAX TabContainer creates a set of Tabs that can be used to save screen space and organize content. The TabContainer contains a number of TabPanel controls. You can place your controls inside each TabPanel. In this article, we will explore some common tips and tricks with the ASP.NET AJAX TabContainer control. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %> <%@ Register Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" tagPrefix="ajax" %> <!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 id="Head1" runat="server"> <title>Ajax Tab Container</title> ...

Ajax tabcontainer Example/Sample in asp.net

Here I will explain how to use Ajax Tabcontainer in asp.net

how to show the progressbar during check the username availability or how to implement username check availabilty using asp.net ajax

html   xmlns ="http://www.w3.org/1999/xhtml"> < head   runat ="server"> < title > </ title > < style   type ="text/css"> .divwaiting  { background-color :  #F5F8FA ; border :  1px   solid   #5A768E ; color :  #333333 ; font-size :  93% ; margin-bottom :  1em ; margin-top :  0.2em ; padding :  8px   12px ; width :  8.4em ; } </ style > </ head > < body > < form   id ="form1"   runat ="server"> < asp : ScriptManager   ID ="scriptmanager1"   runat ="server"> </ asp : ScriptManager > < script   type ="text/javascript"> Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler); function  BeginRequestHandler(sender, args) { var  state = document.getElementById( 'loadingdiv' ).style.display; if  (state ==  'block' ) { document.ge...