This is a migrated thread and some comments may be shown as answers.

ProgressBar @ center

1 Answer 178 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

Mugdha Aditya asked on 15 Feb 2011, 06:03 AM

i have donr coding for progressbar on login page , is showing but progress bar is coming on the top of the paage... i want that @ center of the page.
2nd is...if login is wrong then on click of login button ...all controls of the page get disabled.

can any1 help me wit this

My code is as below.

<style type="text/css">

.module1

{

background-color: #dff3ff;

border: 1px solid #c6e1f2;

}

.loading

{

background-color: #fff;

height: 100%;

width: 100%;

background-position:center;

}

.rspPaneTabText

{

font-size: large !important;

}

</style>

<body style="margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;"

onload="javascript:LoadScript();">

<form id="frmmain" runat="server" defaultbutton="btnLogin">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function RequestStart(sender, eventArgs) {

var loadingImage = document.getElementById('<%= RadAjaxPanel.FindControl("imgPanel").ClientID %>');

var loadingPanel = $get("<%= RadAjaxPanel.ClientID %>");

loadingPanel.style.backgroundPosition = "bottom";

var panel1 = $get("<%= PanelPrg.ClientID %>");

loadingImage.style.position = "relative";

loadingImage.style.top = (parseInt(panel1.style.height) / 2) + "px";

}

function MyClientShowing(sender, args) {

args.get_loadingElement().style.border = "2px solid red";

args.set_cancelNativeDisplay(true);

$telerik.$(args.get_loadingElement()).show("slow");

}

function MyClientHiding(sender, args) {

args.get_loadingElement().style.border = "2px solid blue";

args.set_cancelNativeDisplay(true);

$telerik.$(args.get_loadingElement()).hide("slow");

}

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="PanelPrg">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="PanelPrg" LoadingPanelID="RadAjaxPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

<ClientEvents OnRequestStart="RequestStart" />

</telerik:RadAjaxManager>

<asp:Panel ID="PanelPrg" runat="server" HorizontalAlign="Center">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="height: 74px; background-image: url('images/extra bar1.jpg'); background-repeat: repeat;">

<asp:ImageButton ID="ibtnIPOLogo" runat="server" ImageUrl="~/images/banner_track.jpg" />

</td>

</tr>

<tr>

<td>

<asp:HiddenField ID="hdnCompId" runat="server" />

</td>

</tr>

</table>

<asp:UpdatePanel ID="upPnl" runat="server">

<ContentTemplate>

<table width="100%">

<tr id="trBrowser" runat="server" style="display: none;" align="center">

<td style="text-align: center">

<asp:Label ID="lblbrowser" Style="color: Red" Font-Size="Medium" CssClass="Label-Normal"

Text="Please open link with (Internet Explorer) IE" runat="server"></asp:Label>

</td>

</tr>

<tr id="trLogin" runat="server" style="display: none;">

<td>

<table border="0" cellspacing="0" cellpadding="0" width="100%" style="padding-top: 0px;

padding-left: 0px;">

<tr>

<td valign="center" align="center">

<asp:Panel ID="pnlloginDesign" runat="server" Width="350px" Visible="true">

<table id="tblVerticleDesign" cellspacing="0" cellpadding="0" width="100%" border="0">

<tr>

<td valign="top" style="padding-top: 2px; padding-bottom: 2px;" width="100%" class="VCHeading"

align="center">

<asp:Label ID="lnkControlTitle" runat="server" Text="USER LOGIN" CssClass="headingText"></asp:Label>

</td>

<td width="100%" class="VCSubHeading">

</td>

</tr>

<tr>

<td colspan="2" height="2px;" width="100%" class="VCNotesBottomLine">

</td>

</tr>

</table>

<table cellspacing="0" class="ControlBorder" cellpadding="5" border="0" summary="SignIn Design Table"

width="100%">

<tr>

<td colspan="2" style="text-align: center">

<asp:Label ID="lblError" Style="color: Red" CssClass="Normal" Visible="false" runat="server"></asp:Label>

<%-- <asp:ValidationSummary ID="valsErrors" runat="server"

ShowMessageBox="false"/>--%>

</td>

</tr>

<tr>

<td class="Normal" valign="middle" align="right">

<asp:Label ID="lblUsername" runat="server" CssClass="Normal"></asp:Label>

</td>

<td valign="middle" align="left">

<input type="text" runat="server" onfocus="javascript:ClearUsername(this);" value="Username"

onfocusout="javascript:SetUsername(this);" id="txtUserName" class="NormalGreyTextBox"

style="width: 90px;" />

</td>

</tr>

<tr align="center">

<td style="padding-top: 3px;" colspan="2">

<asp:RequiredFieldValidator ID="valUserName" runat="server" ControlToValidate="txtUserName"

Display="Dynamic" ErrorMessage="UserName should not be blank." ValidationGroup="GrgUserVal"

InitialValue="Username" Style="width: 100%; font-family: Arial; font-size: 12px;"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td valign="middle" align="right">

<asp:Label ID="lblPassword" runat="server" CssClass="Normal"></asp:Label>

</td>

<td valign="middle" align="left">

<input id="txtPassword" type="password" runat="server" class="NormalGreyTextBox"

style="width: 90px;" />

</td>

</tr>

<tr align="center">

<td style="padding-top: 3px;" colspan="2">

<asp:RequiredFieldValidator ID="valPassword" runat="server" ControlToValidate="txtPassword"

Display="Dynamic" ErrorMessage="Password should not be blank." ValidationGroup="GrgUserVal"

Style="width: 100%; font-family: Arial; font-size: 12px;"></asp:RequiredFieldValidator>

</td>

</tr>

<tr align="center">

<td style="padding-top: 3px;" colspan="2">

<asp:CheckBox ID="chkCookie" ToolTip="Remember Me On This Computer" CssClass="Normal"

resourcekey="Remember" runat="server" />

</td>

</tr>

<tr align="center">

<td style="padding-top: 3px;" colspan="2">

<asp:Button ID="btnLogin" runat="server" CssClass="button" OnClick="btnLogin_Click"

CausesValidation="true" ValidationGroup="GrgUserVal" />

<asp:Button ID="btnCancel" runat="server" CssClass="button" CausesValidation="False" />

</td>

</tr>

<tr align="center">

<td valign="middle" colspan="2">

<asp:HyperLink ID="lnkForgotPwd" CssClass="Normal" runat="server"></asp:HyperLink>

</td>

</tr>

</table>

</asp:Panel>

</td>

</tr>

</table>

</td>

</tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>

</asp:Panel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxPanel" runat="server" Skin="" Transparency="30" >

<div class="loading">

<asp:Image ID="imgPanel" runat="server" ImageUrl="~/images/Imgloading.gif" AlternateText="loading" />

</div>

</telerik:RadAjaxLoadingPanel>

</form>

</body>

ProgressBar @ center

1 Answer, 1 is accepted