I've run into a problem while trying to style a content page. I created a content Page that have buttons in it and for some reason after I linked a styleSheet the buttons stopped working.
I would appreciate any help, thank u.
the content page:
<%# Page Title="" Language="C#" MasterPageFile="~/Pages/Site1.Master" AutoEventWireup="true" CodeBehind="MyBooks.aspx.cs" Inherits="WebApplication8.Pages.MyBooks" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link href="../css/myBooks.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div>
<asp:Button CssClass="addBook" ID="addBook" runat="server" Text="+Add book"
onclick="addBook_Click" />
<center><asp:DataList ID="DataList1" runat="server" Font-Bold="False"
Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
Font-Underline="False" ForeColor="Gray">
<ItemTemplate>
<table class="style1">
<tr>
<td class="td">
<asp:Image CssClass="binding" ID="Image2" runat="server"
ImageUrl='<%# Bind("binding")%>'/>
<asp:Label ID="bookName" CssClass="bookName" runat="server" Text='<%# Bind("BookName") %>'></asp:Label>
</td>
<td>
<br />
<br />
<div class="buttons">
<asp:Button CssClass="btn1" ID="Publish" runat="server" Text="Publish" /><br />
<asp:Button CssClass="btn2" ID="Edit" runat="server" Text="Edit" /><br />
<asp:Button CssClass="btn2" ID="discared" runat="server" Text="discared" />
</div>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList></center>
</div>
</asp:Content>
the styleSheet (linked in the first content place holder):
addBook is the cssClass of the first butoon in the content page
btn1 is the cssClass of the first button in the DataList.
btn2 is the cssClass of the tow other buttons below it.
buttons is the cssClass of the div who contains the three buttons inside the DataList.
body
{
}
.btn1
{
border-style: none;
width:200px;
height:40px;
border-radius:15px;
background-color:#d4fcea;
color:White;
font-family:Calibri;
margin-bottom:10px;
font-size:20px;
}
.btn2
{
border-style: none;
width:200px;
height:40px;
border-radius:15px;
background-color:#d5e0db;
color:White;
font-family:Calibri;
margin-bottom:10px;
font-size:20px;
}
.buttons
{
position:relative;
left:30%;
z-index:-1;
}
.style1
{
margin-top:20px;
width:800px;
height:250px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(0, 0, 0, 0.15);
border-radius:10px;
margin-left: auto;
margin-bottom: 0;
position:relative;
z-index:-1;
}
.addBook
{
border-style: none;
position:relative;
left:20%;
width:200px;
height:40px;
border-radius:15px;
background-color:#ffcc99;
color:White;
font-family:Calibri;
margin-bottom:10px;
font-size:20px;
right:25%;
z-index:-1;
}
Related
everybody
there's something weird in my webpage as it automatically adds new line after each controller
<asp:Label ID="ll" Class="question_bold" runat="server" Text="label 1" Visible="false"></asp:Label>
<asp:RequiredFieldValidator runat="server" id="lln" controltovalidate="Textbox" errormessage="* Required" Font-Bold="True" ForeColor="Red" SetFocusOnError="True" Display="Dynamic" />
<asp:TextBox ID="Textbox" runat="server" Visible ="false" Width="350px" ></asp:TextBox>
<asp:LinkButton ID="check" CssClass="myclass" visible="false" runat="server" OnClick="check_Click">Check</asp:LinkButton>
and here's CSS code:
a.myclass{ color: #FF0000; text-decoration: none; }
a.myclass:hover { text-decoration: none; }
.question_bold {
font-weight: bold;
border: 1px solid #e6e6e6;
border-radius: 10px;
background-color: #e6e6e6;
height: 25px;
width: 100%;
display: block;
}
i've tried changing display, and even removing the entire CSS from asp but still same
i need textbox, field validator, link button to be on same line....
any ideas ?!
The code below will line up the controls on one line. It uses CSS3 flexbox to line up the controls.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style>
a.myclass{ color: #FF0000; text-decoration: none; }
a.myclass:hover { text-decoration: none; }
.question_bold {
font-weight: bold;
border: 1px solid #e6e6e6;
border-radius: 10px;
background-color: #e6e6e6;
height: 25px;
width: 100%;
display: block;
}
.flex-container {
display: flex;
width: 650px;
height: 250px;
}
.flex-item {
height: 100px;
margin: 10px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="flex-container">
<div class="flex-item"><asp:Label ID="ll" Class="question_bold" runat="server" Text="label 1"></asp:Label></div>
<div class="flex-item"><asp:RequiredFieldValidator runat="server" id="lln" controltovalidate="Textbox" errormessage="* Required" Font-Bold="True" ForeColor="Red" SetFocusOnError="True" Display="Dynamic" /></div>
<div class="flex-item"><asp:TextBox ID="Textbox" runat="server" Width="350px" ></asp:TextBox></div>
<div class="flex-item"><asp:LinkButton ID="check" CssClass="myclass" runat="server" OnClick="check_Click">Check</asp:LinkButton></div>
</div>
</form>
</body>
</html>
The solution above requires the browser supports CSS3 flexbox. Can you set the widths of each control? This can also be done using CSS. The solution below works for me across the different browsers.
<div>
<span><asp:Label ID="ll" Class="question_bold" runat="server" Text="label 1" Width="100px"></asp:Label></span>
<span><asp:RequiredFieldValidator runat="server" id="lln" controltovalidate="Textbox" errormessage="* Required" Font-Bold="True" ForeColor="Red" SetFocusOnError="True" Display="Dynamic" /></span>
<span><asp:TextBox ID="Textbox" runat="server" Width="350px" ></asp:TextBox></span>
<span><asp:LinkButton ID="check" CssClass="myclass" runat="server">Check</asp:LinkButton></span>
</div>
<html>
<head>
<title> </title>
</head>
<body>
<table class="format1" width="740px" cellpadding="2" cellspacing="0">
<tr>
<td>
<asp:Label ID="ll" Class="question_bold" runat="server" Text="label 1" Visible="false"></asp:Label>
<asp:RequiredFieldValidator runat="server" ID="lln" ControlToValidate="Textbox" ErrorMessage="* Required" Font-Bold="True" ForeColor="Red" SetFocusOnError="True" Display="Dynamic" />
</td>
<td>
<asp:TextBox ID="Textbox" runat="server" Visible="false" Width="350px"></asp:TextBox>
</td>
<td>
<asp:LinkButton ID="check" CssClass="myclass" Visible="false" runat="server" OnClick="check_Click">Check</asp:LinkButton>
</td>
</tr>
</table>
</body>
</html>
hi i am doing a social network service on asp.net c#.I want to refresh the messages within 1 second without loading whole page. I am display messages using repeater control.
I want to refresh this repeater control continuously after 1 second, but whole page should not be reloaded.
repeater control code
setInterval(function () { $(".refresh").load(location.href + " .refresh"); }, 1000);
<asp:Repeater runat="server" ID="Repeater1">
<ItemTemplate>
<div style="border-top: thin none #BBCEB3; border-bottom: thin none #BBCEB3; padding: 10px; width: 548px; margin-top: 10px; right: 10px; left: 10px; border-left-width: thin; margin-left: 15px; background-color: #e9eaee; border-left-color: #BBCEB3; border-right-color: #BBCEB3;">
<br />
<div style="width: 58px; height: 40px">
<asp:Image ID="Image2" runat="server" Height="59px" ImageAlign="Top" ImageUrl="~/Profile/Image/Default.png" Width="55px" />
</div>
<div style="width: 307px; margin-left: 65px; margin-top: -60px">
<asp:Label ID="Label6" runat="server" Font-Bold="True" Font-Names="Arial" ForeColor="#000066"><%#Eval("SenderID") %> </asp:Label>
</div>
<div id="status" style=" width: 461px; margin-left: 78px; margin-top: 11px;"> <asp:Label ID="Label7" runat="server" Font-Italic="False" ForeColor="Black" Font-Size="Medium"><%#Eval("Messages") %> </asp:Label>
</div>
<div style="margin-left: 350px">
<asp:Label ID="Label11" runat="server" Text="Posted on: " Font-Size="Small"><%#Eval("Time") %> </asp:Label>
</div>
</div>
</ItemTemplate>
textbox code
<asp:TextBox ID="Message" runat="server" OnTextChanged="TextBox3_TextChanged" style="margin-left: 12px; text-align: left;" TextMode="MultiLine" Width="564px" Height="100px"></asp:TextBox>
Hope this helps:
<%# Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Trans.aspx.cs" Inherits="WebClient.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script>
$(document).ready(
function() {
setInterval(function () { $('#Repeater1').load(location.href + " #Repeater1"); }, 1000);
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:Repeater runat="server" ID="Repeater1">
<ItemTemplate>
<div style="border-top: thin none #BBCEB3; border-bottom: thin none #BBCEB3; padding: 10px; width: 548px; margin-top: 10px; right: 10px; left: 10px; border-left-width: thin; margin-left: 15px; background-color: #e9eaee; border-left-color: #BBCEB3; border-right-color: #BBCEB3;">
<br />
<div style="width: 58px; height: 40px">
<asp:Image ID="Image2" runat="server" Height="59px" ImageAlign="Top" ImageUrl="~/Profile/Image/Default.png" Width="55px" />
</div>
<div style="width: 307px; margin-left: 65px; margin-top: -60px">
<asp:Label ID="Label6" runat="server" Font-Bold="True" Font-Names="Arial" ForeColor="#000066"><%#Eval("SenderID") %> </asp:Label>
</div>
<div id="status" style=" width: 461px; margin-left: 78px; margin-top: 11px;"> <asp:Label ID="Label7" runat="server" Font-Italic="False" ForeColor="Black" Font-Size="Medium"><%#Eval("Messages") %> </asp:Label>
</div>
<div style="margin-left: 350px">
<asp:Label ID="Label11" runat="server" Text="Posted on: " Font-Size="Small"><%#Eval("Time") %> </asp:Label>
</div>
</div>
</ItemTemplate>
</asp:Repeater>
</asp:Content>
I have AjaxControlToolkit popup Control in my asp.net project. While Clicking Submit, the popup window closed. but i have wrote code to validate form in C#,. How to stop the popup closeing.
Popup will be close button Clicking, otherwise popup not want to close.
STYLE
<style type="text/css">
.Background
{
background-color: Black;
filter: alpha(opacity=90);
opacity: 0.8;
}
.Popup
{
background-color: #FFFFFF;
border-width: 3px;
border-style: solid;
border-color: black;
padding-top: 10px;
padding-left: 10px;
width: 400px;
height: 350px;
}
.lbl
{
font-size: 16px;
font-style: italic;
font-weight: bold;
}
</style>
ASPX CODE -
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Button ID="Button1" runat="server" Text="Fill Form in Popup" />
<!-- ModalPopupExtender -->
<cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panl1" TargetControlID="Button1"
CancelControlID="btnClose" BackgroundCssClass="Background">
</cc1:ModalPopupExtender>
<asp:Panel ID="Panl1" runat="server" CssClass="Popup" align="center" Style="display: none">
<table>
<tr>
<td>
<asp:Label runat="server" CssClass="lbl" Text="First Name"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtName" runat="server" Font-Size="14px"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2">
<asp:Button ID="btnSubmit" runat="server" Text="Submit" Click="btnSubmit_Click" />
<asp:Button ID="btnClose" runat="server" Text="Close" Click="btnClose_Click" /> <br />
<asp:Label ID="lblError" runat="server" />
</td>
</tr>
</table>
<br />
</asp:Panel>
<!-- ModalPopupExtender -->
</form>
C# -
protected void btnSubmit_Click(object sender, EventArgs e)
{
if (txtName.Text != "")
{
lblError.Text = "Error";
}
}
Output -
Dont Go for C# Try JavaScript Validation Like This
<script language="javascript" type="text/javascript">
function ValidateControls() {
if (document.getElementById('<%=txtName.ClientID %>').value == "") {
alert('ERROR');
return false;
}
else {
alert('OK');
return true;
}
}
</script>
//button code
<asp:Button ID="btnSubmit" runat="server" Text="Submit" Click="btnSubmit_Click" OnClientClick="return ValidateControls() />
i have an ajax modalpopupextender that opens a popup in the event that an error occurs.
This works fine in all browsers i have tested so far. But not in internet explorer 7 (it does in ie 8 and 9)
basically the height of the panel isnt being applied. on screen its about 20 pixels high. I have no idea why and have used various samples to no avail for hours now. The width os working fine.
Any help appreciated
Thanks
Damo
HTML
<%# Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="myapp.Logon" %>
<!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">
<link href="assets/css/Logon.css" rel="stylesheet" type="text/css" />
<link href="assets/css/modalBackground.css" rel="stylesheet" type="text/css" />
<title>myapp Login</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel" runat="server">
<ContentTemplate>
<ajaxToolkit:RoundedCornersExtender ID="RoundedCornersExtenderError" runat="server"
TargetControlID="PanelLogonDetails">
</ajaxToolkit:RoundedCornersExtender>
<asp:Panel ID="PanelLogonDetails" runat="server" Width="350" Height="300" BorderColor="White" BackColor="White">
<div id="container">
<asp:Label ID="LabelLogo" runat="server" Text="Logo"></asp:Label>
<br />
<div id="inputcontainer">
<asp:Label ID="lblUsername" runat="server" Text="Username"></asp:Label>
<br />
<asp:TextBox CssClass="Textbox" ID="txtUserName" runat="server" Text="Administrator"
ToolTip="Username" Width="200px"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidatorUsername" runat="server" ErrorMessage="You must enter a Username"
ControlToValidate="txtUserName" ForeColor="White"></asp:RequiredFieldValidator>
<br />
<asp:Label ID="lblPassword" runat="server" Text="Password"></asp:Label>
<br />
<!-- TextMode set to singleline for testing - set to Password for production-->
<asp:TextBox CssClass="Textbox" ID="txtPassword" runat="server" Text="!password£$nmj5%$-12"
ToolTip="Password" TextMode="SingleLine" Width="200px"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidatorPassword" runat="server" ErrorMessage="You must enter a password"
ControlToValidate="txtPassword" ForeColor="White"></asp:RequiredFieldValidator>
<br />
<br />
<asp:Button CssClass="Button" ID="btnLogin" runat="server" Text="Login" OnClick="btnLogin_Click" />
<br />
<br />
</div>
</div>
</asp:Panel>
<!-- Error Modal Form -->
<asp:HiddenField ID="hideForModal" runat="server" />
<ajaxToolkit:ModalPopupExtender runat="server" ID="ErrorModal" BehaviorID="modalPopupExtenderError"
TargetControlID="hideForModal" PopupDragHandleControlID="popUpPaneError" PopupControlID="popUpPaneError"
OkControlID="btnOk" BackgroundCssClass="modalBackground" DropShadow="False" Drag="true">
</ajaxToolkit:ModalPopupExtender>
<ajaxToolkit:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server" TargetControlID="popUpPaneError">
</ajaxToolkit:RoundedCornersExtender>
<asp:Panel ID="popUpPaneError" runat="server" CssClass="confirm-dialog" Width="485" Height="285" BackColor="White">
<div id="ErrorInputContainer">
<div>
<b>Error Code:</b></div>
<asp:Label ID="lblErrorCode" runat="server" Text="Error Code"></asp:Label>
<div>
<b>Error Message:</b></div>
<asp:Label ID="lblErrorMessage" runat="server" Text="Error Message"></asp:Label>
<div>
<b>Ex message:</b></div>
<asp:Label ID="lblExMessage" runat="server" Text="Ex Message"></asp:Label>
<br />
<asp:Button ID="btnOk" runat="server" Text="Ok" CssClass="Button" />
<br />
<asp:LinkButton ID="LinkButton1" runat="server" CssClass="close" OnClientClick="$find('modalPopupExtenderError').hide(); return false;" />
</div>
</asp:Panel>
<!-- End Error Modal Form -->
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>
Logon.css
#PanelLogonDetails
{
background-color:#FFFFFF;
width: 350px;
height: 300px;
position:absolute;
left: 40%;
top: 40%;
margin-left: -50px;
margin-top: -50px;
}
/* main div */
#container
{
padding-left:50px;
padding-top:20px;
}
#LabelLogo
{
font-family: Arial, Sans-Serif;
font-size: 20px;
font-weight: bold;
}
/* end main div */
/* inputcontainer (within the main div above) */
#inputcontainer {
position:absolute;
height:100px;
width:230px;
left: 35%;
top: 50%;
margin-left: -50px;
margin-top: -50px;
}
/* End inputcntainer */
html,body {
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1.5em;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003366', endColorstr='#FFFFFF'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#036), to(#FFF)); /* for webkit browsers */
background: -moz-linear-gradient(top, #036, #FFF); /* for firefox 3.6+ */
height: 100%;
}
/* Error Modal */
#ErrorInputContainer
{
background-color:White;
background:white;
position:absolute;
height:260px;
width:460px;
top:20px;
left:20px;
color:Black;
}
#popUpPaneError
{
height:260px;
width:460px;
}
/* End Error Modal */
/* TextBox */
.Textbox
{
width:auto;
padding:2px;
color:Black;
text-align:left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
font-size: 10pt;
font-family: Arial;
}
.Textbox:focus
{
background-color:#FFCC33;
}
/* End TextBox */
/* Button */
.Button
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
text-align:left;
padding-left:22px;
background-repeat: no-repeat;
background-image: url(/assets/img/action.gif);
background-position:3px 50%
}
.Button:hover
{
background: #FFCC33;
background-repeat: no-repeat;
background-image: url(/assets/img/action.gif);
background-position:3px 50%
}
/* End Button */
modalBackground.css
.modalBackground
{
background-color:#696969;
filter: alpha(opacity=60);
opacity: 0.6;
}
.close {
DISPLAY: block;BACKGROUND: url(img/close.png) no-repeat 0px 0px;
LEFT: -5px;WIDTH: 26px;TEXT-INDENT: -1000em;POSITION: absolute;
TOP: -7px;HEIGHT: 26px;
}
.modalBackground {
background-color:Gray;filter:alpha(opacity=70);opacity:0.7;
}
http://www.mindfiresolutions.com/Workaround-for-Modal-Popup-with-RoundedCornerExtender-issue-833.php
this is the solution. Bug with the ajax controltoolkit....
thanks
Damo
I have a website with asp.net C# when hosted locally works fine.
When Used with IIS 7.5 and Windows Server 2008 ajax control tool kit does not work properly. Can anyone help me please.
Error shown in FireBug:
NetworkError: 404 Not Found - http://www.acmeinfovision.com/Settings/ClientSalaryHeadSetting.aspx?_TSM_HiddenField_=ctl00_ToolkitScriptManager1_HiddenField&_TSM_CombinedScripts_=%3b%3bAjaxControlToolkit%2c+Version%3d3.5.60501.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d28f01b0e84b6d53e%3aen-US%3a61715ba4-0922-4e75-a2be-d80670612837%3af2c8e708%3ade1feab2%3a720a52bf%3af9cec9bc%3a589eaa30%3aa67c2700%3aab09e3fe%3a87104b7c%3a8613aea7%3a3202a5a2%3abe6fb298%3aaf404b5%3a698129cf%3abb25728f%3a289e72ab"
Client...89e72ab
Sys.Extended is undefined
[Break On This Error] ...tl00_DropPanel"),"dynamicServicePath":"/Settings/ClientSalaryHeadSetting.aspx","...
Master Page Code Looks Like this
<%# Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="AcmePayRoll.Site" %>
<!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">
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0)" />
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0)" />
<title></title>
<link href='<%# this.ResolveCSS("~/css/Stylesheet_mini.css")%>' rel='stylesheet'
type='text/css' />
<link href='<%# this.ResolveCSS("~/css/ui-Redmond/jquery-ui_mini.css")%>' rel='stylesheet'
type='text/css' />
<link href='<%# this.ResolveCSS("~/css/demo_table_jui_mini.css") %>' rel='stylesheet'
type='text/css' />
<link href='<%# this.ResolveCSS("~/css/ColVis_mini.css")%>' rel='stylesheet' type='text/css' />
<link href='<%# this.ResolveCSS("~/css/TableTools_mini.css") %>' rel='stylesheet'
type='text/css' />
<link href='<%# this.ResolveCSS("~/css/TableTools_JUI_mini.css")%>' rel='stylesheet'
type='text/css' />
<link href='<%# this.ResolveCSS("~/css/ColReorder_mini.css")%>' rel='stylesheet'
type='text/css' />
<script src='<%# this.ResolveJS("~/js/jquery-1.7.1.min.js") %>' type='text/javascript'></script>
<script src='<%# this.ResolveJS("~/js/jquery-ui-1.8.17.custom.min.js") %>' type='text/javascript'></script>
<script src='<%# this.ResolveJS("~/js/Themeswither/TmemeSwither_mini.js") %>' type='text/javascript'></script>
<script src='<%# this.ResolveJS("~/js/ScrollableGrid_mini.js") %>' type='text/javascript'></script>
<script src='<%# this.ResolveJS("~/js/PayrollCommon_mini.js") %>' type='text/javascript'></script>
<script src='<%# this.ResolveJS("~/js/jquery.table_navigation_mini.js")%>' type='text/javascript'></script>
<link rel='SHORTCUT ICON' href='<%# this.ResolveUrl("~/Images/Acme-Logo.ICO")%>' />
<script type="text/javascript">
document.write("<div id='loading'><img id='pic1' src='<%# this.ResolveUrl("~/Images/15.gif") %>' /><br>Please Wait...</div>");
$(document).ready(function() {
var url='<%# this.ResolveUrl("~/") %>';
AddThemeSwither("ThemeSwither",url);
ApplyCommonStyles();
scrlsts();
$("#contentdiv").height($(window).height());
$("#contentdiv").width($(window).width());
});
function check()
{
var grid = $("<%# grid_clients.ClientID %>");
$(grid).Scrollable({ ScrollHeight: 70 });
}
function help_click(e) {
var helpurl= $(e.parentNode).find("input[type='hidden']");
var val=helpurl.val();
if(val!="")
{
window.open(val,'win');
}
}
</script>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
#ThemeSwither
{
width: 200px;
position: absolute;
margin-left: auto;
overflow: inherit;
top: 5px;
left: 15px;
}
</style>
</head>
<body style="margin: 0; background-color: #FDF8FF;" >
<div style="vertical-align: top; width: 100%; height: 144px; top: 0; margin: 0;">
<form id="form1" runat="server">
<div id="contentdiv" style="width: 100%; border-bottom-color: Black">
<ajaxtoolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" ScriptMode ="Release" EnablePageMethods ="true" CompositeScript-ScriptMode ="Release" LoadScriptsBeforeUI="false">
</ajaxtoolkit:ToolkitScriptManager>
<%--<asp:ScriptManager ID ="ScriptManager1" runat ="server" >
</asp:ScriptManager>--%>
<table width="100%" style="height: 100%" border="0" cellpadding="0" cellspacing="0">
<tr class="ui-state-hover" style="vertical-align: top; height: 8%">
<td style="width: 20%">
<div id="ThemeSwither">
</div>
<asp:ImageButton ID="btnDashboard" runat="server" BorderStyle="None" Style="position: absolute;
margin-left: auto; overflow: inherit; top: 65px; left: 15px;" ImageUrl="~/Images/Dashboard48.png"
ToolTip="Dashboard" AlternateText="Dashboard" DescriptionUrl="~/Dashboard/Dashboard.aspx"
OnClick="btnDashboard_Click" />
</td>
<td colspan="2" style="text-align: right">
<table width="100%">
<tr style="vertical-align: top">
<td colspan="2" align="right">
<asp:Label ID="lbluserid" runat="server" CssClass="ui-state-hover" Text="User Id"
Style="border: 0px; position: static; font-family: Cambria; font-size: medium"></asp:Label>
</td>
<td style="width: 10%; vertical-align: top" align="right">
<a href="" runat="server" id="cmdSignOut" style="font-family: Cambria; font-size: 15px;
vertical-align: top">SignOut</a>
<input type="hidden" id="hidden_help_url" runat="server" />
<asp:ImageButton ID="helpbutton" runat="server" ImageUrl="~/Images/help-icon.png"
Height="20px" Width="20px" ToolTip="Help" OnClientClick="help_click(this); return false;" />
</td>
</tr>
<tr>
<td align="center">
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:Image ID="clientlogo" runat="server" Height="35px" Width="31px" ImageAlign="Bottom" />
<asp:Label ID="lblclientid" runat="server" CssClass="ui-state-hover" Text="Client Id"
Style="border: 0px; font-family: Cambria; font-size: larger"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td>
</td>
<td align="right">
<table>
<tr>
<td>
<asp:UpdatePanel ID="UpdatePanel3" runat="server">
<ContentTemplate>
<ajaxtoolkit:ModalPopupExtender ID="DropDownExtender2" runat="server" TargetControlID="lblclient"
PopupControlID="Panel1" BackgroundCssClass="modalBackground" DropShadow="true"
CancelControlID="CancelSubmitCompanies" />
<asp:ImageButton ID="lblclient" runat="server" ToolTip="Client List" Height="40px"
OnClientClick="check()" Width="40px" ImageUrl="~/Images/apartment-icon.png" Visible="false"
AccessKey="c" />
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td>
<asp:Panel ID="DropPanel" Style="display: none" runat="server" Width="200px" BackColor="#f4f4f4"
BorderStyle="Solid">
</asp:Panel>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<ajaxtoolkit:DropDownExtender ID="DropDownExtender1" runat="server" TargetControlID="lblSelect"
DropDownControlID="DropPanel">
</ajaxtoolkit:DropDownExtender>
<asp:ImageButton ID="lblSelect" runat="server" ToolTip="Financial Year List" Height="35px"
Width="35px" ImageUrl="~/Images/Calendar-icon.png" OnClick="lblSelect_Click"
AccessKey="y" />
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3">
<div>
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
</div>
</td>
</tr>
<tr style="height: 83%; vertical-align: top">
<td colspan="3">
<div class="ui-widget-header" id="nav-menu">
<asp:Menu ID="MnuSiteMenus" runat="server" Orientation="Horizontal" DynamicHoverStyle-CssClass="dmenuHover"
Font-Bold="false" AccessKey="n" Font-Names="Cambria" DynamicMenuStyle-CssClass="ui-state-hover"
DynamicBottomSeparatorImageUrl="~/Images/LineSeparator.png" StaticItemFormatString="    {0}">
</asp:Menu>
</div>
<div style="text-align: center" class="ui-state-hover">
<asp:Label ID="mainlabel" runat="server" Text="" Font-Size="X-Large" Font-Names="cambria"></asp:Label>
</div>
<div style="border-left-width: 30px; border-left-style: solid; border-left-color: #FDF8FF;
border-right-width: 30px; border-right-style: solid; border-right-color: #FDF8FF">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</td>
</tr>
<tr class="ui-state-hover" style="vertical-align: top; background-color: #FFEFDB;
height: 4%">
<td colspan="3" style="text-align: right">
<div>
<p style="text-align: right; font-size: small; font-family: Cambria;">
<marquee behavior="alternate" scrollamount="2" width="100%">Copyright © 2012 Acme Infovision Systems Pvt. Ltd. All Rights Reserved.</marquee>
</p>
</div>
</td>
</tr>
</table>
</div>
<asp:Panel ID="Panel1" runat="server" BackColor="#f4f4f4" Style="display: none; overflow: hidden;"
Visible="false" BorderStyle="Solid">
<asp:UpdatePanel ID="UpdatePanelrptClientList" runat="server">
<ContentTemplate>
<div style="text-align: center; font-size: large">
<asp:Label ID="grid_label" runat="server" Text="List of Clients" CssClass="all_inputs_labels"></asp:Label>
</div>
<div style="height: 220px; overflow: scroll">
<grid:MyGridView ID="grid_clients" ScrollWidthInpx="400" Width="600px" runat="server"
AllowSorting="true" AutoGenerateColumns="false" SelectedIndex="0" Font-Size="17px"
MouseHoverRowHighlightEnabled="true" CssClass="all_labels_inputs" ColumnNoToTrace="0">
<Columns>
<asp:BoundField DataField="ClientName" HeaderStyle-HorizontalAlign="Left" HeaderText="ClientName">
<HeaderStyle HorizontalAlign="Left" />
</asp:BoundField>
<asp:TemplateField HeaderText="Client Name">
<ItemTemplate>
<asp:LinkButton ID="lb" Text='<%# Eval("ClientName")%>' runat="server" OnClick="lbtn1_Click" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Contact" HeaderStyle-HorizontalAlign="Left" HeaderText="Contact">
<HeaderStyle HorizontalAlign="Left" />
</asp:BoundField>
<asp:BoundField DataField="ClientId" HeaderStyle-HorizontalAlign="Left" HeaderText="ClientId">
<HeaderStyle HorizontalAlign="Left" />
</asp:BoundField>
</Columns>
<FooterStyle BackColor="#3B4990" Font-Bold="True" ForeColor="White" />
<PagerStyle CssClass="ui-state-hover" ForeColor="White" HorizontalAlign="Center" />
<HeaderStyle CssClass="all_labels_inputs ui-state-hover" Font-Bold="True" />
</grid:MyGridView>
</div>
<div style="text-align: center">
<asp:Button ID="CancelSubmitCompanies" runat="server" Text="Cancel" />
</div>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
</form>
</div>
</body>
</html>
Sys.Extended is undefined
but it is working on local IIS 6, IIS 7 IIS 7.5
From all your questions that are the same with this one I conclude that you have forget to include the AjaxControlToolkit.dll on your bin directory.
If you do have included then you did not have correct registered on your web.config on the different server.