About mooslide login popup control

Posted Date: 28 Aug 2012 Posted By:: siraj Member Level: Bronze Member Rank: 1586 Points: 2 Responses: 4

hi to all
i downloaded mooslide login popup control ..it done by asp with jquery ..i want when i click login it should focus popup only and inactive the page like ajax popup ..if any idea to implement this share urs suggestion thanks

Responses

#686344 Author:

Ravindran

Member Level: Diamond Member Rank: 3 Date: 28/Aug/2012 Rating: 2 out of 5

Points: 4

Hi,

AJAX Popup control is best to show popup easily and also disable back ground using css refer below code sample


<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!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>Grid View Cell Value Retrieve using Template Field</title>
     <style type="text/css">
       .modalBackground 
        {
            background-color: Gray;
            filter:alpha(opacity=70);
            opacity:0.7; 
        }
        .modalPopup 
        {
            background-color:#ffffff; 
            border-width:3px; 
            border-style:solid; 
            border-color:Gray; 
            padding:3px; 
            width:250px; 
        }
        .btn
        {
            background-color: #033280;
            color: White;
            font-size: 12px;
            font-weight: bold;
            padding-left: 5px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">    
    <asp:UpdatePanel ID="up1" runat="server">
    <ContentTemplate>    
    <div align="center">
     <cc1:toolkitscriptmanager runat="server"></cc1:toolkitscriptmanager>   
      <asp:Button ID="btnLogin" runat="server" Text="Login" CssClass="btn" onclick="Button1_Click" />        
   <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="Button1" PopupControlID="PnlModal" BackgroundCssClass="modalBackground">
        </cc1:ModalPopupExtender>
        <asp:Button ID="Button1" runat="server" Text="Button" style="visibility:hidden"/>
        <asp:Panel ID="PnlModal" runat="server" Width="500px" CssClass="modalPopup">
      Provide here your content to show in popup
        </asp:Panel>       
        <br/>      
    </div>    
    </ContentTemplate>
    </asp:UpdatePanel>    
    </form>
</body>
</html>

Code behind


protected void btnLogin_Click(object sender, EventArgs e)
{
       ModalPopupExtender1.Show();      
}

Regards
N.Ravindran
Your Hard work never fails

#686384 Author: siraj Member Level: Bronze Member Rank: 1586 Date: 28/Aug/2012 Rating: Points: 1
@Ravindran,Thanks u,but i want to implement that login type.It gives bouncing effects.And one thing i need to know how to disable background when popup appears..give urs all suggestion to me...

#686386 Author: RayalaHariKishore Member Level: Gold Member Rank: 52 Date: 28/Aug/2012 Rating: Points: 3
hi, here i post a resource for popup the panel using jquery, here i passed 2 buttons for confirmation dialog this is fully customizable so you can use this and change the buttons and its code according to you and then text also. fully using css and jquery. http://www.dotnetspider.com/resources/44158-Displaying-Popup.aspx Rayala HariKishore try..try..try...you achieved it. http://rayalaharikishore.wordpress.com/

#686428 Author: siraj Member Level: Bronze Member Rank: 1586 Date: 29/Aug/2012 Rating: Points: 1
Thanks ...great work .i do change and reply how it fits for my application..thanks once again

Post Reply

You must Sign In to post a response.

	Next : Passing Value in Vb.ner
	Previous : Benefits of .Net web development for small business website development :-
	Return to Discussion Forum
	Post New Message
	Category:

Related Messages