Posts

Showing posts with the label Ajax

how to add/change css for MultiHandleSliderExtender

Image
In this Article i will explian how to add css for MultiHandleSliderExtender step1-add ajaxtoolkit manager in page.    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager> step2-add  MultiHandleSliderExtender in page. <div>      <asp:TextBox ID="txtfrom" runat="server" Width="70" Text="0"></asp:TextBox>         <asp:TextBox ID="txtto" runat="server" Width="70" Text="200"></asp:TextBox>         <br /><br />         <asp:MultiHandleSliderExtender ID="MultiHandleSliderExtender1" ShowHandleDragStyle="true" runat="server"  BehaviorID="multiHandleSliderExtenderTwo"             ShowInnerRail="true" HandleAnimationDuration="0.1" TooltipText="{0}" TargetControlID="slider" InnerRailStyle="SlidingDoors...

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> ...

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...