Tag Archives: LoginView

[RESOLVED]Login with Email in MVC 5

December 5, 2014Login, LoginView, Post, View, Web FormsLogin, LoginView, Post, View, Web Formsadmin

In newly created ASP.NET MVC5 application, the login screen asks you to enter Email address. But under the hood, it authenticates with user name assuming

applicationUser.UserName

applicationUser.Email

How to change it to make it authenticate user via Email address?

It seems like they have changed something in Identity 2.x in that regard.

Note: I want to keep it login via Email.

For example, in register view, our users are expected to provide:

Email: last.first@example.com

User: Last, First

And during Login, the email will be used. Currently, it uses email but authentication fails because it passes email as user-name.

This should be your login page code:

//
// POST: /Account/Login
[HttpPost]
[AllowAnonymous]
[ValidateAntiForgeryToken]
public async Task<ActionResult> Login(LoginViewModel model, string returnUrl)
{
    if (!ModelState.IsValid)
    {
        return View(model);
    }

    // Require the user to have a confirmed email before they can log on.
    var user = await UserManager.FindByNameAsync(model.Email);
    if (user != null)
    {
       if (!await UserManager.IsEmailConfirmedAsync(user.Id))
       {
          ViewBag.errorMessage = "You must have a confirmed email to log on.";
          return View("Error");
       }
    }

    // This doesn't count login failures towards account lockout
    // To enable password failures to trigger account lockout, change to shouldLockout: true
    var result = await SignInManager.PasswordSignInAsync(model.Email, model.Password, model.RememberMe, shouldLockout: false);
    switch (result)
    {
        case SignInStatus.Success:
            return RedirectToLocal(returnUrl);
        case SignInStatus.LockedOut:
            return View("Lockout");
        case SignInStatus.RequiresVerification:
            return RedirectToAction("SendCode", new { ReturnUrl = returnUrl, RememberMe = model.RememberMe });
        case SignInStatus.Failure:
        default:
            ModelState.AddModelError("", "Invalid login attempt.");
            return View(model);
    }
}

It ensures you’re logging in by e-mail.

You can use UserName as email-address

Hi AnnieAnn,

For ASP.NET Identity 2.0 (released), it uses the email as the login name. You could update VS2013 to VS2013 update 2, then create a MVC 5 project.

Part of the template project code:

 var user = new ApplicationUser() { UserName = model.Email, Email = model.Email };
 IdentityResult result = await UserManager.CreateAsync(user, model.Password);

 var user = await UserManager.FindAsync(model.Email, model.Password);
                if (user != null)
                {
                    await SignInAsync(user, model.RememberMe);                  
                   
                    return RedirectToLocal(returnUrl);
                 }

For the older version of ASP.NET Identity, you could refer to this article below to achieve that:

# Logging in with Email or Username

http://anthonychu.ca/post/aspnet-identity-20—logging-in-with-email-or-username

Best Regards

Starain Chen

[RESOLVED]Asp.net mvc5 web project (using individual account authentication) will not use EditorFor for the login screen view

December 5, 2014Bootstrap, CheckBox, Controller, HTML, Label, Login, LoginView, TextBox, View, Web FormsBootstrap, CheckBox, Controller, HTML, Label, Login, LoginView, TextBox, View, Web Formsadmin

I have created a new web project using visual studio 2013, and I set the authentication type to use “individual accounts”. Then I looked at the auto generated code and I find the following inside the LoginViewModel class:-

public class LoginViewModel
    {
        [Required]
        [Display(Name = "User name")]
        public string UserName { get; set; }

        [Required]
        [DataType(DataType.Password)]
        [Display(Name = "Password")]
        public string Password { get; set; }

        [Display(Name = "Remember me?")]
        public bool RememberMe { get; set; }
    }

So since the LoginViewModel class is using Datatype.Password and there is a bool value, so I though that the login screen view will be using Html.Editorfor , but when I checked the view I saw the following code:-

 <div class="form-group">
                    @Html.LabelFor(m => m.Password, new { @class = "col-md-2 control-label" })
                    <div class="col-md-10">
                        @Html.PasswordFor(m => m.Password, new { @class = "form-control" })
                        @Html.ValidationMessageFor(m => m.Password)
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-offset-2 col-md-10">
                        <div class="checkbox">
                            @Html.CheckBoxFor(m => m.RememberMe)
                            @Html.LabelFor(m => m.RememberMe)
                        </div>
                    </div>
                </div>

So my question is basically why the auto generated code is using Html.Passwordfor & Html.CheckBoxFor ?? instead it can simply use Html.EditorFor and the asp.net mvc will generate a password field since we defined Datatype.Password and alos it will generate
a check box for the bool value. And using Editorfor is more formal way in asp.net mvc ,, so is there any problem if I manually change these two fields to be using EditorFor instead of PasswordFor & CheckboxFor ???

Looking at that code I know that one is going to generate a password box and one is going to generate a checkbox. If you change them to EditorFor then just looking at the code won’t tell you these things. It’s similar to people using "var" everywhere instead
of proper types, it makes the code less readable. It also leaves you open to mistakes as what if the password attribute on the model is removed, or the bool becomes a string? With implicit fields being made by EditorFor you could end up with undesirable
results.

AidyF

Looking at that code I know that one is going to generate a password box and one is going to generate a checkbox. If you change them to EditorFor then just looking at the code won’t tell you these things. It’s similar to people using "var" everywhere instead
of proper types, it makes the code less readable. It also leaves you open to mistakes as what if the password attribute on the model is removed, or the bool becomes a string? With implicit fields being made by EditorFor you could end up with undesirable
results.

So u mean that we should not use EditorFor and DisplayFor? ,. but also inside my current project if i generate a new controller with action method and views,, the auto generated code for the controller views will be using DisplayFor & EditorFor !! but the
Account controller’s views will be using TextBoxFor ?? can not understand the reason behind this ?

Notice the markup the project template supplied, and the bootstrap class names. This makes a nice looking form. Just replace the custom form with the one using EditorFor. You will notice the end result is not as pleasing, but functional.

The same will be true if you use EditorFor instead defining the markup for any forms you design. It was expected that you would define a editor template for EditorFor, even though it will work without. A common example is an address, of contact info.

[RESOLVED]Last Login time

December 3, 2014Controller, Login, LoginView, Table, View, Web FormsController, Login, LoginView, Table, View, Web Formsadmin

Hi guys, I am using MVC 5. I want to display last login time activity.

Here is my logic program code:

In IdentityModels.cs

.........................
.........................
 public virtual UserProfileInfo UserProfileInfo { get; set; }
 
        public async Task<ClaimsIdentity> GenerateUserIdentityAsync(UserManager<ApplicationUser> manager)
        {
            // Note the authenticationType must match the one defined in CookieAuthenticationOptions.AuthenticationType
            var userIdentity = await manager.CreateIdentityAsync(this, DefaultAuthenticationTypes.ApplicationCookie);
            // Add custom user claims here
            return userIdentity;
        }
    }


    public class UserProfileInfo
    {
        public int Id { get; set; }
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public DateTime Logged { get; set; }
    }

    public class ApplicationDbContext : IdentityDbContext<ApplicationUser>
    {
        public ApplicationDbContext()
            : base("DefaultConnection", throwIfV1Schema: false)
        {
        }


        public DbSet<UserProfileInfo> UserProfileInfo { get; set; }
.........................
.........................

In AccountController.cs, Which I modified Login method:

.........................
......................... 
public async Task<ActionResult> Login(LoginViewModel model, string returnUrl)
        {
            if (!ModelState.IsValid)
            {
                return View(model);
            }

            ApplicationDbContext db = new ApplicationDbContext();
            UserProfileInfo logged = db.UserProfileInfo.SingleOrDefault();
            logged.Logged = DateTime.Now;
            db.Entry(logged).State = EntityState.Modified;
            db.SaveChanges();
             
            // This doesn't count login failures towards account lockout
            // To enable password failures to trigger account lockout, change to shouldLockout: true
            var result = await SignInManager.PasswordSignInAsync(model.Email, model.Password, model.RememberMe, shouldLockout: false);
  
            switch (result)
            {
                case SignInStatus.Success:
                    return RedirectToLocal(returnUrl);
                case SignInStatus.LockedOut:
                    return View("Lockout");
                case SignInStatus.RequiresVerification:
                    return RedirectToAction("SendCode", new { ReturnUrl = returnUrl, RememberMe = model.RememberMe });
                case SignInStatus.Failure:
                default:
                    ModelState.AddModelError("", "Invalid login attempt.");
                    return View(model);
            }
        }
.....................
.....................

I run it and it is showed current login time. i want Last login time.
Any Idea?

Hi,

If you want to get the LastLogin , get the record for the particular user with LoginTime desc , then take the 2 record ,,since first record is for Current login time , 2nd record would be the last login time,

if you doing in sql please use the below query

with logindetail
as
(
select *,ROW_NUMBER()OVER(ORDER BY logindate DESC) row_num from UserLogin Where UserId = 2

)
select * from logindetail where row_num = 2

I do not understand. I am using asp.net MVC 5 Code first.

Hi adnan,

For this requirement, you could get the Logged value after succeed validate and store it in the session, then update the Logged value to current time.

Best Regards

Starain

Can you please send me a sample of code?

change this (is this even working with singleordefault? it would always give null if there is more than 1 item right?):

            ApplicationDbContext db = new ApplicationDbContext();
            UserProfileInfo logged = db.UserProfileInfo.SingleOrDefault();
            logged.Logged = DateTime.Now;
            db.Entry(logged).State = EntityState.Modified;
            db.SaveChanges();

to:

            ApplicationDbContext db = new ApplicationDbContext();
            var loggedList = db.UserProfileInfo.ToArray();
            var lastLogged = loggedList[1];
            var logged = loggedList[0];
            logged.Logged = DateTime.Now;
            db.Entry(logged).State = EntityState.Modified;
            db.SaveChanges();

lastLogged is your last login i guess. you can add something like var loggedList = db.userprofileinfo.Take(2).ToArray(); when your table is going to grow (allot) this is going to give you a great performance boost.

Hi adnan,

Please refer to this code below:

var result = await SignInManager.PasswordSignInAsync(model.Email, model.Password, model.RememberMe, shouldLockout: false);
  
            switch (result)
            {
                case SignInStatus.Success:
                    {
                      ApplicationDbContext db = new ApplicationDbContext();
            UserProfileInfo logged = db.UserProfileInfo.SingleOrDefault();
            Session["lastLoggedTime"]=logged.Logged;
            logged.Logged = DateTime.Now;
            db.Entry(logged).State = EntityState.Modified;
            db.SaveChanges();

                    return RedirectToLocal(returnUrl);
                    }

Last logged: @session["lastLoggedTime"]

Best Regards

Starain

Work like a charm.

Many thanks

[RESOLVED]CSS Highlight Choosen/Selected item in UL LI

November 30, 2014CSS, LinkButton, Login, LoginStatus, LoginView, Menu, Panel, Post, View, Web FormsCSS, LinkButton, Login, LoginStatus, LoginView, Menu, Panel, Post, View, Web Formsadmin

Here is my CSS related to the side menu

.menu-panel{float:left;width:150px; background:#474544; position:absolute;left:0px; height:100%;top:0px; padding-top:93px; z-index:1; box-shadow:-6px 0px 8px -3px #141414 inset;}

ul.l-menu-items{float:left;}

ul.l-menu-items li{ display:block; padding:12px 0 12px 8px; }

ul.l-menu-items li a{padding-left:25px; display:inline-block; line-height:14px;}

ul.l-menu-items li.my-pf a{background-position:-6px -73px;}

ul.l-menu-items li.my-pf a:hover{ background-position:-6px -91px;}

ul.l-menu-items li.pr-list a{background-position:-6px -116px;}

ul.l-menu-items li.pr-list a:hover{background-position:-6px -137px;}

ul.l-menu-items li.user a{background-position:-6px -163px;}

ul.l-menu-items li.user a:hover{background-position:-6px -182px;}

ul.l-menu-items li.ad-pr a{background-position:-6px -202px; height:20px;}

ul.l-menu-items li.ad-pr a:hover{background-position:-6px -224px;}

ul.l-menu-items li.ex-tb a{background-position:-6px -251px; height:23px; line-height:1.5em;}

ul.l-menu-items li.ex-tb a:hover{background-position:-6px -278px;}

ul.l-menu-items li.pr-tb a{background-position:-6px -317px; height:23px; line-height:1.5em;}

ul.l-menu-items li.pr-tb a:hover{background-position:-6px -349px;}

ul.l-menu-items li a:hover{color:#f9f9f9;}

.menu-panel hr{border-bottom:1px solid #676767; border-top:1px solid #1e1e1e;margin-top:0px; clear:both;}

Can some help me to add a selected entry. I am trying to change the color, size and bold of the font of what was selected

we can not solve your issue until don"t see what is happening so to move further can you share us the link or the code

to know what class in implementing on selected li .

Sorry… I am new to programming and asking for help. Here is the section:

<aside class="menu-panel content_1 content">
  <ul class="l-menu-items">
            <li class="pr-list">
                <asp:LinkButton ID="lbhProject" runat="server" OnClick="lbhProject_Click" Text="Project Home">
                </asp:LinkButton>
   </li>
   <li class="ad-pr">
                <asp:LinkButton ID="btnNewProject" runat="server" Text="Add Project" OnClick="btnNewProject_Click" Style="margin-left: 0px">
                </asp:LinkButton>
            </li>
            <li class="user">
                <asp:LinkButton ID="lbhUser" runat="server" OnClick="lbhUser_Click" Text="Users">
                </asp:LinkButton>
            </li>
            <li class="ad-pr">
                <asp:LinkButton ID="lbhScoreCard" runat="server" Text="Scorecard" OnClick="lbhScoreCard_Click" Style="margin-left: 0px">
                </asp:LinkButton>
            </li>
            <li class="my-pf">
                <asp:LinkButton ID="lbhMyProfile" runat="server" OnClick="lbhMyProfile_Click" Text="Password">

                </asp:LinkButton>
            </li>
            <li class="lg-btn-cont">
                <asp:LoginView ID="LoginView2" runat="server" >
                <LoggedInTemplate>
                    <asp:LoginStatus ID="HeadLoginStatus" runat="server" ForeColor="#474544" LogoutAction="Redirect" OnLoggingOut="HeadLoginStatus_LoggingOut" LogoutText="Log Out" LogoutPageUrl="~/Default.aspx"/>
                </LoggedInTemplate>
            </asp:LoginView>
            <span >  Logout</span>
            </li>
        </ul>
</aside>

And here is the relevant CSS classes

.menu-panel{float:left;width:150px; background:#474544; position:absolute;left:0px; height:100%;top:0px; padding-top:93px; z-index:1; box-shadow:-6px 0px 8px -3px #141414 inset;}
ul.l-menu-items{float:left;}
ul.l-menu-items li{ display:block; padding:12px 0 12px 8px; }
ul.l-menu-items li a{padding-left:25px; display:inline-block; line-height:14px;}
ul.l-menu-items li.my-pf a{background-position:-6px -73px;}
ul.l-menu-items li.my-pf a:hover{ background-position:-6px -91px;}
ul.l-menu-items li.pr-list a{background-position:-6px -116px;}
ul.l-menu-items li.pr-list a:hover{background-position:-6px -137px;}
ul.l-menu-items li.user a{background-position:-6px -163px;}
ul.l-menu-items li.user a:hover{background-position:-6px -182px;}
ul.l-menu-items li.ad-pr a{background-position:-6px -202px; height:20px;}
ul.l-menu-items li.ad-pr a:hover{background-position:-6px -224px;}
ul.l-menu-items li.ex-tb a{background-position:-6px -251px; height:23px; line-height:1.5em;}
ul.l-menu-items li.ex-tb a:hover{background-position:-6px -278px;}
ul.l-menu-items li.pr-tb a{background-position:-6px -317px; height:23px; line-height:1.5em;}
ul.l-menu-items li.pr-tb a:hover{background-position:-6px -349px;}
ul.l-menu-items li a:hover{color:#f9f9f9;}
.menu-panel hr{border-bottom:1px solid #676767; border-top:1px solid #1e1e1e;margin-top:0px; clear:both;}
.filter-col{float:left;padding-left:10px;margin-bottom:20px;}
.filter-col p{display:block;}
.filter-col p span{ display:block;padding:5px 0}
.filter-col p input[type="text"]{ background:#676767; height:25px; width:98%;color:#a7a7a7; padding-left:5px;}
.lg-btn-cont{float:left;width:100%;padding-left:10px; margin-top:10px;}
.lg-btn-cont span{ float:left; font-size:13px; color:#c6c6c6; font-family: ‘open_sansregular’; line-height:1.8em; font:bold;}
.lg-btn-cont a{float:left;width:30px; height:30px; background-position:-6px -400px;margin-left:10px;}/* content_1 scrollbar */
.content_1>.mCustomScrollBox>.mCSB_scrollTools{height:96%;op:2%;}

I hope this is all the information that is needed.

Thanks

Is there any other js which is applying any class on click event for active li.. because it is not showing any class for active li.

try one thing check which class is implementing on click by pressing f12 and check through it..

Hi tberish,

Based on your post, you want to change the color, size and bold of the font of what was selected. As far as I know, JavaScript can achieve your goal. You may need add a JavaScript function as below.

    <script type="text/javascript">
        function onmouseclick(obj) {
            obj.style.color = "red"; //this change the color, you can revise it according to your demands
            obj.style.fontSize = "30px";//this change the size, you can revise it according to your demands
            obj.style.fontWeight = "900";// this change the bold, you can revise it according to your demands from 100 to 900
            return true;// you may need to add this because you use onclick event
        }
</script>

In order to more attractive, I revise your CSS as below.

ul.l-menu-items li.my-pf a{background-position:-6px -73px; text-decoration:none;}
ul.l-menu-items li.pr-list a{background-position:-6px -116px; text-decoration:none;}
ul.l-menu-items li.user a{background-position:-6px -163px; text-decoration:none;}
ul.l-menu-items li.ad-pr a{background-position:-6px -202px; height:20px; text-decoration:none;}

I add text-decoration:none to remove the underline.

According to your requirements, I made a test on my computer, it worked fine. In order to achieve your goal, please try my code as below.

<title></title>
    <script type="text/javascript">
        function onmouseclick(obj) {
            obj.style.color = "red"; //this change the color, you can revise it according to your demands
            obj.style.fontSize = "30px";//this change the size, you can revise it according to your demands
            obj.style.fontWeight = "900";// this change the bold, you can revise it according to your demands from 100 to 900
            return true;// you may need to add this because you use onclick event
        }
    </script>
    <style type="text/css">
        .menu-panel{float:left;width:150px; background:#474544; position:absolute;left:0px; height:100%;top:0px; padding-top:93px; z-index:1; box-shadow:-6px 0px 8px -3px #141414 inset;}
        ul.l-menu-items{float:left;}
        ul.l-menu-items li{ display:block; padding:12px 0 12px 8px; }
        ul.l-menu-items li a{padding-left:25px; display:inline-block; line-height:14px;}
        ul.l-menu-items li.my-pf a{background-position:-6px -73px; text-decoration:none;}
        ul.l-menu-items li.my-pf a:hover{ background-position:-6px -91px;}
        ul.l-menu-items li.pr-list a{background-position:-6px -116px; text-decoration:none;}
        ul.l-menu-items li.pr-list a:hover{background-position:-6px -137px;}
        ul.l-menu-items li.user a{background-position:-6px -163px; text-decoration:none;}
        ul.l-menu-items li.user a:hover{background-position:-6px -182px;}
        ul.l-menu-items li.ad-pr a{background-position:-6px -202px; height:20px; text-decoration:none;}
        ul.l-menu-items li.ad-pr a:hover{background-position:-6px -224px;}
        ul.l-menu-items li.ex-tb a{background-position:-6px -251px; height:23px; line-height:1.5em;}
        ul.l-menu-items li.ex-tb a:hover{background-position:-6px -278px;}
        ul.l-menu-items li.pr-tb a{background-position:-6px -317px; height:23px; line-height:1.5em;}
        ul.l-menu-items li.pr-tb a:hover{background-position:-6px -349px;}
        ul.l-menu-items li a:hover{color:#f9f9f9;}
        .menu-panel hr{border-bottom:1px solid #676767; border-top:1px solid #1e1e1e;margin-top:0px; clear:both;}
     </style>
</head>
<body>
    <form id="form1" runat="server">
        <aside class="menu-panel content_1 content">                 
   <ul class="l-menu-items"> 
             <li class="pr-list">
                 <asp:LinkButton ID="lbhProject" runat="server"  Text="Project Home" OnClientClick="return onmouseclick(this)" Height="50px" Width="230px"></asp:LinkButton>
    </li>
    <li class="ad-pr">
                 <asp:LinkButton ID="btnNewProject" runat="server" Text="Add Project"  Style="margin-left: 0px" OnClientClick="return onmouseclick(this)" Height="50px" Width="230px">
                 </asp:LinkButton>
             </li> 
             <li class="user">
                 <asp:LinkButton ID="lbhUser" runat="server"  Text="Users" OnClientClick="return onmouseclick(this)" Height="50px" Width="230px">
                 </asp:LinkButton>
             </li>
             <li class="ad-pr">
                 <asp:LinkButton ID="lbhScoreCard" runat="server" Text="Scorecard"  Style="margin-left: 0px" OnClientClick="return onmouseclick(this)" Height="50px" Width="230px">
                 </asp:LinkButton>
             </li>  
             <li class="my-pf">
                 <asp:LinkButton ID="lbhMyProfile" runat="server"  Text="Password" OnClientClick="return onmouseclick(this)" Height="50px" Width="230px"> 
                 </asp:LinkButton>
             </li> 
             <li class="lg-btn-cont">
                 <asp:LoginView ID="LoginView2" runat="server" >
                 <LoggedInTemplate>
                     <asp:LoginStatus ID="HeadLoginStatus" runat="server" ForeColor="#474544" LogoutAction="Redirect"   LogoutText="Log Out" LogoutPageUrl="~/Default.aspx"/>
                 </LoggedInTemplate>
             </asp:LoginView> 
             <span >&nbsp;&nbsp;Logout</span>
             </li>
         </ul>        
  </aside>
    </form>
</body>

If you have any other concern about it, please feel free to let me know.

Best regards,

Archer Wang

Login menu span "click" didnt response

November 30, 2014CheckBox, CSS, HTML, HyperLink, Jquery, Label, Login, LoginView, Menu, Panel, PlaceHolder, Post, TextBox, UpdatePanel, View, Web FormsCheckBox, CSS, HTML, HyperLink, Jquery, Label, Login, LoginView, Menu, Panel, PlaceHolder, Post, TextBox, UpdatePanel, View, Web Formsadmin

I am facing a problem with my login menu, since i run the application at the first page appear its work normally but when i move to another page and try to click on it it didnt appear and the span didnt response at all , i have make a screen record to show
what happening with me hopeful it will help to find a solution

https://www.youtube.com/watch?v=TAj1DCw0D4E&feature=youtu.be

<asp:Placeholder ID="loginview" runat="server" >


    <asp:Panel ID="Panel1" runat="server" DefaultButton="Loginbtn">
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>

  <nav>
  <ul>
    <li id="login">
      <a id="login-trigger" href="#">
        Log in <span>▼</span>
      </a>
      <div id="login-content">
        
          <fieldset id="inputs">
            
            <asp:TextBox ID="txtUserName" runat="server" Width="225px" ></asp:TextBox>
          <br />
                <asp:Label ID="wronglogusernamelbl" runat="server" ForeColor="#CC0000"></asp:Label>
                <asp:TextBoxWatermarkExtender ID="usernamebxwatermark" runat="server" TargetControlID="txtUserName" WatermarkCssClass="watertext" 
                    WatermarkText="Your UserName" Enabled="True"></asp:TextBoxWatermarkExtender>
                   
             <asp:TextBox ID="txtPassword" runat="server" Width="225px" TextMode="Password"></asp:TextBox>
           

         
                <br />
                <asp:Label ID="passwronglbl" runat="server" ForeColor="#CC0000"></asp:Label>

                  
          </fieldset>
          <fieldset>
          &nbsp;&nbsp;<asp:CheckBox ID="remecheckbox" runat="server" Text="Keep me signed in"></asp:CheckBox>
            <asp:Button ID="Loginbtn" runat="server" Text="Sign in" onclick="Loginbtn_Click" CssClass="submit" Width="70px" BackColor="#185aa5" CausesValidation="false"/>
           
          </fieldset><br />
          <asp:HyperLink ID="forgthylnk" runat="server" NavigateUrl="Password Recovery.aspx">Can not access your account?</asp:HyperLink>
        
      </div>                     
    </li>
    <li id="signup">
      <a href="Registration.aspx">Sign up</a>
    </li>
  </ul>
</nav>

</ContentTemplate>
        </asp:UpdatePanel>

</asp:Panel>

</asp:Placeholder>

$(document).ready(function () {
    $('#login-trigger').click(function () {
        $(this).next('#login-content').slideToggle();
        $(this).toggleClass('active');

        if ($(this).hasClass('active')) $(this).find('span').html('▲')
        else $(this).find('span').html('▼')
    })
});

Hi,

Where did you include that piece of script? If you include it within only a one page, then it will only work for that particular page. You need to include it in every page in order to work in every page. If you’ve already included it in every page and if
it’s still not working, make sure the jQuery library is being referenced correctly by all the pages as well.

Finally, please check the browser console and see whether there are any errors when you click on that login button.

Put a breakpoint and see whether the event is firing or not. It will help you to identify the problem. By looking at your code, I can’t see any wrong.

Hi @Ruchira

in fact i have did what i can did but nothing happen i am sure the problem is from the java script code but where and how i can fix i dont know as i am not so familiar with java script. i have get this menu from this tutorial . i dont know if we can remove
the javascript code and make the content of the menu appear via CSS

http://red-team-design.com/simple-and-effective-dropdown-login-box/

Hi msimo,

For your issue,i suggest that you can press F12 to debug check if your application has any javascript error .

If does,please post it here.

Best Regards,

Kevin Shen .

Hi @Kevin Shen -…

Many thanks for your kind reply, the warning message is with firefox councle: Use of getPreventDefault() is deprecated. Use defaultPrevented instead.

But do you know that when i remove the updatepanel from some of the pages where this issue appear its working normally but in same time the updatepanel its important i cant remove it at all

[RESOLVED]asp.net findcontrol method return null after AsyncPostBackTrigger

September 13, 2014AJAX, DataList, Image, ImageButton, LinkButton, Login, LoginView, Paging, Panel, Post, ScriptManager, UpdatePanel, View, Web FormsAJAX, DataList, Image, ImageButton, LinkButton, Login, LoginView, Paging, Panel, Post, ScriptManager, UpdatePanel, View, Web Formsadmin

I have a big problem that is when I use full post-back I can find controls in my …_ItemDataBound(…) event in my DataList, but when use

AsyncPostBackTrigger I can’t find controls and gives me null.

Here’s my aspx code:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
    <asp:DataList ID="DataListGallery" runat="server" RepeatColumns="3" RepeatDirection="Horizontal" OnItemDataBound="DataListGallery_ItemDataBound"   >
       <ItemTemplate>
            <asp:LoginView ID="LoginView1" runat="server">
               <LoggedInTemplate>
                   <asp:HiddenField ID="FieldPhoneId" Value='<%# Eval("Phone_InfoID") %>' runat="server" />
                       <img src="../images/cart.gif" alt="" title="" border="0" class="left_bt" /></a>--%>
                           <asp:ImageButton ID="btnShop" OnClick="btnShop_Click" ImageUrl="images/cart.gif" CssClass="left_bt_item" title="header=[خريد] body=[&nbsp;] fade=[on]" runat="server" />
                       <img src="../images/favs.gif" alt="" title="" border="0" class="left_bt" /></a>--%>
                           <asp:ImageButton CssClass="left_bt_item" title="header=[مورد علاقه] body=[&nbsp;] fade=[on]" OnClick="btnFavourite_Click" ID="btnFavourite"  ImageUrl="images/unfav.png" runat="server" />
                       <img src="../images/favorites.gif" alt="" title="" border="0" class="left_bt" /></a>--%>
               </LoggedInTemplate>

<Triggers>
                   <asp:AsyncPostBackTrigger ControlID="LinkButton1" EventName="Command"></asp:AsyncPostBackTrigger>
                   <asp:AsyncPostBackTrigger ControlID="LinkButton2" EventName="Command" />
                   <asp:AsyncPostBackTrigger ControlID="LinkButton3" EventName="Command" />
                   <asp:AsyncPostBackTrigger ControlID="LinkButton4" EventName="Command" />
                   <asp:AsyncPostBackTrigger ControlID="LinkButton5" EventName="Command" />
                   <asp:AsyncPostBackTrigger ControlID="LinkButton6" EventName="Command" />
                   <asp:AsyncPostBackTrigger ControlID="LinkButton7" EventName="Command" />
                   <asp:AsyncPostBackTrigger ControlID="LinkButton0" EventName="Command" />
                   <asp:AsyncPostBackTrigger ControlID="btnSearchHead" EventName="Command" />
                   <asp:AsyncPostBackTrigger ControlID="LinkButton8" EventName="Command" />
                   <asp:AsyncPostBackTrigger ControlID="lnkNext" EventName="Click" />
                   <asp:AsyncPostBackTrigger ControlID="lnkPrevious" EventName="Click" />
               </Triggers>

and Code-Behind:

protected void DataListGallery_ItemDataBound(object sender, DataListItemEventArgs e)
{
    if (User.Identity.IsAuthenticated)
    {
        // Get LoginView for access to ImageButton on it.
        var loginView = e.Item.FindControl("LoginView1");

        ImageButton btnFav = (ImageButton)loginView.FindControl("btnFavourite");
        HiddenField hf = (HiddenField)loginView.FindControl("FieldPhoneId");

        List<int> listFav = (List<int>)Session["Fav"];

        if (listFav.Contains(int.Parse(hf.Value)))
            btnFav.ImageUrl = "~/images/favs.gif";
    }
}

When I’m login and use AsyncPostBackTrigger, I can’t access to these controls:

btnFav and hf. Notice that they are inside LoginView.

Thanks.

Looks like your LoggedInTemplate is not rendered, i.e. you are still with AnonymousTemplate. Can you confirm that these buttons are displayed on a page once you have logged in?

Have you tried placing a breakpoint within your code listed above to ensure that it is getting past the IsAuthenticated section? I can only assume that the current user is not logged in and that the LoginView is properly rendered.

I would also ensure that you have the appropriate closing tag for your LoginView Control as I currently do not see one within your code :

<asp:LoginView ID="LoginView1" runat="server">
     <LoggedInTemplate>
           <asp:HiddenField ID="FieldPhoneId" Value='<%# Eval("Phone_InfoID") %>' runat="server" />
           <img src="../images/cart.gif" alt="" title="" border="0" class="left_bt" /></a>
           <asp:ImageButton ID="btnShop" OnClick="btnShop_Click" ImageUrl="images/cart.gif" CssClass="left_bt_item" title="header=[خريد] body=[&nbsp;] fade=[on]" runat="server" />
           <img src="../images/favs.gif" alt="" title="" border="0" class="left_bt" /></a>
           <asp:ImageButton CssClass="left_bt_item" title="header=[مورد علاقه] body=[&nbsp;] fade=[on]" OnClick="btnFavourite_Click" ID="btnFavourite"  ImageUrl="images/unfav.png" runat="server" />
           <img src="../images/favorites.gif" alt="" title="" border="0" class="left_bt" /></a>
      </LoggedInTemplate>
</asp:LoginView>

I closed tag LoginView, sorry, I didn’t close tag in my question.

I changed my code with added try catch block:

protected void DataListGallery_ItemDataBound(object sender, DataListItemEventArgs e)
    {
        if (User.Identity.IsAuthenticated)
        {
            try
            {
                // Get LoginView for access to ImageButton on it.
                var loginView = e.Item.FindControl("LoginView1");

                ImageButton btnFav = (ImageButton)loginView.FindControl("btnFavourite");
                HiddenField hf = (HiddenField)loginView.FindControl("FieldPhoneId");

                List<int> listFav = (List<int>)Session["Fav"];

                if (listFav.Contains(int.Parse(hf.Value)))
                    btnFav.ImageUrl = "~/images/favs.gif";
            }
            catch(Exception ex)
            {
                
            }
        }
    }

and it caused to solve biding problem.see this code:

 // Enable pageing, becuase when page is posted back you must re-create controls again
    static bool enable = false;
/// <summary>
    /// Method to bind Data To Repeter Control
    /// </summary>
    private void BindDataToRepeter<T>(List<T> query)
    {
        //Create an object of PagedDataSource Object
        PagedDataSource objPagedDataSource = new PagedDataSource();

        objPagedDataSource.DataSource = query;
        objPagedDataSource.AllowPaging = true;
        objPagedDataSource.PageSize = 1; //Set the Page Size, Means the number os records you want to dispay in a page

        // Get Query string
        string brand = Request["brand"];
        string model = Request["model"];

        if (GetCurrentPageNumber >= objPagedDataSource.PageCount)
        {            
            // Set link to LinkButton
            if (brand != "" && brand != null)
                Response.Redirect("Default.aspx?brand=" + brand + "&Page=" + (objPagedDataSource.PageCount).ToString());
            else if (model != "" && model != null)
                Response.Redirect("Default.aspx?model=" + model + "&Page=" + (objPagedDataSource.PageCount).ToString());
            else
                Response.Redirect("Default.aspx?Page=" + (objPagedDataSource.PageCount).ToString());
        }

        objPagedDataSource.CurrentPageIndex = GetCurrentPageNumber;

        if (objPagedDataSource.PageCount > 0)
        {
            try
            {
                DataListGallery.Visible = true;
                string a = DataListGallery.DataSourceID;
                DataListGallery.DataSource = objPagedDataSource; DataListGallery.DataBind();
            }
            catch(Exception ex)
            {
                
            }
        }

I had problem with DataListGallery.DataBind(); because it calls DataListGallery_ItemDataBound() and this method took me null btnFav and hf, but I added try catch block and solve it.Notice that DataListGallery_ItemDataBound() calls two time. for first time it gives null again but for two time it doesn’t give null.

see this code:

protected void Page_Load(object sender, EventArgs e)
    {
        // enable property is re-creating page controls
        if (!Page.IsPostBack || enable)
        {
...
}}

I re-created controls for paging my DataList.and I have other problem that is my btnFav doesn’t work.

I solve my problem from this site :

http://www.aspdotnetfaq.com/Faq/how-to-determine-whether-an-asynchronous-partial-postback-has-occurred-on-page.aspx

protected void Page_Load(object sender, EventArgs e)
    {
        //http://www.aspdotnetfaq.com/Faq/how-to-determine-whether-an-asynchronous-partial-postback-has-occurred-on-page.aspx

        // get a reference to ScriptManager and check if we have a partial postback

        if (ScriptManager.GetCurrent(this.Page).IsInAsyncPostBack)
        {

            // partial (asynchronous) postback occured

            // insert Ajax custom logic here
            
        }
        // enable property is re-creating page controls
        else if (!Page.IsPostBack || enable)
        {
            //enable = false;
            if (Page.Request["Page"] != null || Page.Request["Page"] != "")
            {
             ...

] thank from this site.

[RESOLVED]Showing the "Paging" Option

September 13, 2014ChangePassword, CSS, GridView, HTML, Image, Label, Login, LoginName, LoginStatus, LoginView, Menu, Paging, Panel, PlaceHolder, SqlDataSource, Table, TextBox, View, Web Forms, XmlChangePassword, CSS, GridView, HTML, Image, Label, Login, LoginName, LoginStatus, LoginView, Menu, Paging, Panel, PlaceHolder, SqlDataSource, Table, TextBox, View, Web Forms, Xmladmin

Hi,

I selected a GridView with options (enable paging and sorting) but when I start the page I can’t see the hole table, and I can’t see the paging possibility (maybe a problem of CSS)

Here’s my project : https://fgt.bo/A0Z

I start from Equipements/Ajout_Equipement_HS.aspx

Can you please help resolve the problem ?

If you have enabled the paging as true,

check the paging size…also check the grid view css properties…so that you can see wether the paging is hidden because its larger than your div

I have

<asp:GridView ID="GridView1" runat="server" AllowPaging="True"
            AllowSorting="True" AutoGenerateColumns="False" CellPadding="4"
            DataSourceID="SqlDataSource1" ForeColor="#333333" GridLines="None"
            Height="103px"
            style="text-align: center; margin-top: 0px; font-weight: 700; font-size: small; margin-left: 0px;"

            Width="785px">

Should I change the Height or the Width ?

<asp:GridView ID="GridView1" runat="server" AllowPaging="True"
            AllowSorting="True" AutoGenerateColumns="False" CellPadding="4"
            DataSourceID="SqlDataSource1" ForeColor="#333333" GridLines="None"
           style="text-align: center; margin-right:auto;margin-left:auto;width:80%;height:80%" >

There is no need for height and width secifically…declare that also in style…. or ite better to use an external css

Can you please check the Site.css, I don’t know what to do :

My website is here : https://fgt.bo/A0Z

you can open the login.aspx and login as salim/manager then see Equipements_HS.aspx it’s larger than the page

Can you please help me, I can’t see my Textboxs and labels !!!

The link you shared is not loading here….

The problem is because you might have dragged and pulled the text box and other controls so they are not uniform and outside div…please share your css file…

Maybe a probel of panel ? Should drop my Gridview into the panel :

Here is css code :

/* DEFAULTS
----------------------------------------------------------*/

body
{
    background-color:ThreeDFace;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
};

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
    width: 939px;
    height: 128px;
    margin-top: 89px;
}


/* HEADINGS
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color:#666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/

.page
{
    width: 100%;
    background-color: ThreeDFace;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background-image : "~/Images/onda_logo.bmp";
    width: 100%;
    top: 0px;
    left: 0px;
    height: 140px;
}

.header h1
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    font-weight: 700;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    line-height: 2em;
    font-size: 2em;
    height: 53px;
    width: 645px;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 0px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline
{
    display: inline;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

And here's my code project:

<%@ Page Title="Home Page" Language="VB" MasterPageFile="~/Site.Master" AutoEventWireup="false"
    CodeFile="Equipements_HS.aspx.vb" Inherits="_Default" %>
<%@ Import Namespace="System.Web.Security" %>
     

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <h2>
        Bienvenue <asp:Label ID="LabelUtilisateurConnecté" runat="server" Text=""></asp:Label>
    </h2>
    <asp:Panel ID="Panel2" runat="server" Height="41px" Width="937px">
        &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;
        <br />
        <br />
        <asp:GridView ID="GridView1" runat="server" AllowPaging="True" 
            AllowSorting="True" AutoGenerateColumns="False" CellPadding="4" 
            DataSourceID="SqlDataSource1" ForeColor="#333333" GridLines="None" 
            Height="86px" 
            style="text-align: center; margin-top: 0px; font-weight: 700; font-size: small; margin-left: 0px;" 
            Width="785px">
            <AlternatingRowStyle BackColor="White" />
            <Columns>
                <asp:CommandField ShowSelectButton="True" />
                <asp:BoundField DataField="Division" HeaderText="Division" 
                    SortExpression="Division" />
                <asp:BoundField DataField="Equipement_HS" HeaderText="Equipement_HS" 
                    SortExpression="Equipement_HS" />
                <asp:BoundField DataField="Date_HS" HeaderText="Date_HS" 
                    SortExpression="Date_HS" />
                <asp:BoundField DataField="Utilisateur_déclarant_panne" 
                    HeaderText="Utilisateur_déclarant_panne" 
                    SortExpression="Utilisateur_déclarant_panne" />
                <asp:BoundField DataField="Problème" HeaderText="Problème" 
                    SortExpression="Problème" />
                <asp:BoundField DataField="Date_intervention_finale" 
                    HeaderText="Date_intervention_finale" 
                    SortExpression="Date_intervention_finale" />
                <asp:BoundField DataField="Utilisateur_intérvenant" 
                    HeaderText="Utilisateur_intérvenant" SortExpression="Utilisateur_intérvenant" />
                <asp:BoundField DataField="Remarques" HeaderText="Remarques" 
                    SortExpression="Remarques" />
            </Columns>
            <EditRowStyle BackColor="#7C6F57" />
            <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
            <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
            <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
            <RowStyle BackColor="#E3EAEB" />
            <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
            <SortedAscendingCellStyle BackColor="#F8FAFA" />
            <SortedAscendingHeaderStyle BackColor="#246B61" />
            <SortedDescendingCellStyle BackColor="#D4DFE1" />
            <SortedDescendingHeaderStyle BackColor="#15524A" />
        </asp:GridView>
        <asp:SqlDataSource ID="SqlDataSource2" runat="server" 
            ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
            SelectCommand="SELECT * FROM [Equipements_HS]" 
            DeleteCommand="DELETE FROM [Equipements_HS] WHERE [Id_équipement_HS] = @Id_équipement_HS" 
            InsertCommand="INSERT INTO [Equipements_HS] ([Equipement], [Date_HS], [Utilisateur], [Remarques_panne], [Résolution]) VALUES (@Equipement, @Date_HS, @Utilisateur, @Remarques_panne, @Résolution)" 
            UpdateCommand="UPDATE [Equipements_HS] SET [Equipement] = @Equipement, [Date_HS] = @Date_HS, [Utilisateur] = @Utilisateur, [Remarques_panne] = @Remarques_panne, [Résolution] = @Résolution WHERE [Id_équipement_HS] = @Id_équipement_HS">
            <DeleteParameters>
                <asp:Parameter Name="Id_équipement_HS" Type="Int32" />
            </DeleteParameters>

            <InsertParameters>
                   <asp:ControlParameter ControlID="TextBoxEquipementHS" PropertyName="Text" Name="Equipement" Type="String" />
            <asp:ControlParameter ControlID="TextBoxDateHS" PropertyName="Text" Name="Date_HS" Type="DateTime" />
            <asp:ControlParameter ControlID="LabelUtilisateurConnecté" PropertyName="Text" Name="Utilisateur" Type="String" />
            <asp:ControlParameter ControlID="TextBoxProblème" PropertyName="Text" Name="Remarques_panne" Type="String" />
            <asp:Parameter Name="Résolution" Type="String" />
                   </InsertParameters>

            <UpdateParameters>
                <asp:Parameter Name="Equipement" Type="String" />
                <asp:Parameter Name="Date_HS" Type="DateTime" />
                <asp:Parameter Name="Utilisateur" Type="String" />
                <asp:Parameter Name="Remarques_panne" Type="String" />
                <asp:Parameter Name="Résolution" Type="String" />
                <asp:Parameter Name="Id_équipement_HS" Type="Int32" />
            </UpdateParameters>
        </asp:SqlDataSource>
    </asp:Panel>
    
    
    
    
    <p>
        


        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
            SelectCommand="SELECT [Division], [Equipement_HS], [Date_HS], [Utilisateur_déclarant_panne], [Problème], [Date_intervention_finale], [Utilisateur_intérvenant], [Remarques] FROM [Vue_équipements_HS] ORDER BY [Date_HS] DESC"></asp:SqlDataSource>
            <asp:Panel ID="Panel1" runat="server" Height="28px">


     


        

</asp:Panel>



    &nbsp;</p>
    <p>
       
    </p>
</asp:Content>

I’m using the master page (the project is from the template website given by default in Visal Studio 2010)

there is no need for a pannel….put it outside the pannel..also check the style for the master page..may be its cause of the style the items outside the content place holder are hidden…

Here’s my master page:

<%@ Master Language="VB" AutoEventWireup="false" CodeFile="Site.Master.vb" Inherits="Site" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
    <style type="text/css">
        .style1
        {
            text-align: center;
        }
        .style3
        {
            font-size: large;
        }
        .menu
        {
            font-size: large;
        }
        .menu
        {
            font-size: x-large;
        }
        .menu
        {
            font-size: x-large;
        }
        .menu
        {
            font-size: large;
        }
    </style>
</head>
<body>
    <form runat="server">
    <div class="page">
        <div class="header">
            <div class="title">
                <h1 class="style3">
                    <asp:Image ID="Image1" runat="server" Height="110px"
                        ImageUrl="~/Images/onda_logo.bmp" style="margin-top: 0px" Width="640px" />
                </h1>
                <h1 class="style1">
                    &nbsp;</h1>
            </div>
            <div class="loginDisplay">
                <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
                    <AnonymousTemplate>
                        [ <a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server">Log In</a> ]
                    </AnonymousTemplate>
                    <LoggedInTemplate>
                        Welcome <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>!
                        [ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ]
                    </LoggedInTemplate>
                </asp:LoginView>
            </div>
            <div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Acceuil">
                        <asp:MenuItem NavigateUrl="Acceuil/Contact.aspx" Text="Utilisateur"/>
                          <asp:MenuItem NavigateUrl="Acceuil/Contact.aspx" Text="Documentation"/>
                            <asp:MenuItem NavigateUrl="Acceuil/Contact.aspx" Text="Contact"/>
                            <asp:MenuItem NavigateUrl="Acceuil/Contact.aspx" Text="Gestion des utilisateurs"/>
                            </asp:MenuItem>
                          
                      
                       

                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Equipes">
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Enregistrer une entrée"/>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Planning prévu "/>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Liste des équipes"/>
                        </asp:MenuItem>

                        <asp:MenuItem NavigateUrl="Equipements/Equipements_HS.aspx" Text="Equipements">
                        <asp:MenuItem NavigateUrl="Equipements/Ajout_équipement_HS.aspx" Text="Ajouter un équipement hors service"/>
                        <asp:MenuItem NavigateUrl="Equipements/Ajout_intervention.aspx" Text="Ajouter une intervention"/>
                         <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Statistiques"/>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Liste des équipements"/>
                        </asp:MenuItem>

                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Lignes">
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Ajouter une ligne hors service"/>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Ajouter une intervention"/>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Statistiques"/>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Liste des lignes"/>
                        </asp:MenuItem>

                       
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Interventions">
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Interventions sur les équipements"/>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Interventions sur les lignes"/>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Instructions"/>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Planning de la maintenace préventive"/>
                        </asp:MenuItem>

                    
                        
                         <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Trafic AFTN">
                          <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Enregistrer un trafic"/>
                        </asp:MenuItem>


                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Missions à l'extérieur">
                          <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Enregistrer une mission"/>
                        </asp:MenuItem>

                      
                    </Items>
                </asp:Menu>
            </div>
        </div>
        <div class="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
        </div>
    </div>
    </form>
    <p>
        &nbsp;</p>
</body>
</html>

Hi, have you removed the Panel, what’t the result after removing it?

No result I still can’t see my hall datagridview

Hi, I tested your codes and found Textboxes and Labels can display properly. I captured a screenshot.

https://skydrive.live.com/?cid=EE3752EB42E47366&id=EE3752EB42E47366%21109

With the issue that the page index didn’t show, please add the following attribute to GridView

PageSize="2"

Master page with menu refreshes whole page.

September 13, 2014AJAX, CSS, HTML, Jquery, Login, LoginName, LoginStatus, LoginView, Menu, MultiView, Panel, PlaceHolder, Post, RegularExpressionValidator, RequiredFieldValidator, ScriptManager, TextBox, UpdatePanel, View, Web Forms, XmlAJAX, CSS, HTML, Jquery, Login, LoginName, LoginStatus, LoginView, Menu, MultiView, Panel, PlaceHolder, Post, RegularExpressionValidator, RequiredFieldValidator, ScriptManager, TextBox, UpdatePanel, View, Web Forms, Xmladmin

Hi,

I have master page and i have menu control.

I had tried placing Script manager and update panel in child pages.

The Form tag is in master page.

On click of each menu items or sub-menu items the header, content placeholder and footer are refreshing.

Please suggest some urls or examples

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApplication1.Site1" %>

<!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>Untitled Page</title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
<asp:MenuItem NavigateUrl="~/PartyPlanner.aspx" Text="Party Planner"/>
<asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
</Items>
</asp:Menu>


    </div>
    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApplication1.Site1" %>

<!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>Untitled Page</title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   
    </div>
    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

Thanks

S.Guhananth

I Try that like this

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
    
</head>
<body>
    <form runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div class="page">
        <div class="header">
            <div class="title">
                <h1>
                    My ASP.NET Application
                </h1>
            </div>
            <div class="loginDisplay">
                <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
                    <AnonymousTemplate>
                        [ <a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server">Log In</a> ]
                    </AnonymousTemplate>
                    <LoggedInTemplate>
                        Welcome <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>!
                        [ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ]
                    </LoggedInTemplate>
                </asp:LoginView>
            </div>
            <div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                        <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                    </Items>
                </asp:Menu>
            </div>
        </div>
        <div class="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="footer">
        
    </div>
    </form>
</body>
</html>

Content Page

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>

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

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script>

        function ShowDiv() {
            $('#mydiv').show();

        }

        function Validate() {
            if (Page_ClientValidate()) {
                $('#mydiv').hide();
            }
        
        }

    </script>


</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <h2>
        Welcome to ASP.NET!
    </h2>
    <p>
        To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">www.asp.net</a>.
    </p>
    <p>
        You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&amp;clcid=0x409"
            title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
    </p>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
   <ContentTemplate>
       <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
   

    
        <asp:Panel ID="Panel1" runat="server" BackColor="#EB9894">
         <b>Hey
I am simple TextBox with BallonPopup</b>
            <br />
            <asp:BalloonPopupExtender ID="BalloonPopupExtender1" runat="server" TargetControlID="TextBox1" BalloonPopupControlID="Panel1"  BalloonSize="Medium"  
            UseShadow="true" >
            </asp:BalloonPopupExtender>
        </asp:Panel>


        <div style="background-color:Gray; display:none; position:absolute;" id="mydiv">
        Name    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Require" ControlToValidate="TextBox2" ValidationGroup="my" ForeColor="Red"></asp:RequiredFieldValidator>
            <br />
        Age    <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Require" ControlToValidate="TextBox3" ValidationGroup="my" ForeColor="Red"></asp:RequiredFieldValidator>
        <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                ErrorMessage="Nember only" ValidationExpression="^[0-9]+$" ValidationGroup="my" ControlToValidate="TextBox3" ForeColor="Red"></asp:RegularExpressionValidator>
        <br />
            
            <asp:Button ID="Button1" runat="server" Text="Hide Div" ValidationGroup="my" OnClientClick="JavaScript:Validate();return false;" />
        
        
        </div>

          <asp:Button ID="Button2" runat="server" Text="Show Div" OnClientClick="JavaScript:ShowDiv();return false;"  />
   </ContentTemplate>
   
   
    </asp:UpdatePanel>




</asp:Content>

As far as i know is Ajax used to support partialrendering on a single aspx page. When you open a new page it is impossible to do that without a full postback.

So, I’m afraid that you cann’t do this with AJAX no matter what you will try.

The alternatives:

On some sites it looks like that when you click on a menu link that it opens a new page, but to me it seems that these sites working with the multi-view control inside an updatepanel. this gives you the idea that you are redirected to another page, but the only thing that happend is that the multiview control shows another view (without postback).
 
We've all embraced Ajax as a revolutionary technology, but many of us forget (or are not aware) of asynchronous posts in the times before XmlHttp requests. Our good old friend the IFrame used to be the preferred option for asynchronous http communications. Because an iframe is in essence it's own browser window, it can be used to fire off asynchronous requests (both POST and GET). However, even more important is an IFrame's ability to be a 'target' of a form POST. By adding an IFrame to the page and setting it as the target of the form post, you can in essence do this!

You can also see this thread for more help:http://forums.asp.net/t/1046795.aspx

http://forums.asp.net/t/1210110.aspx

http://forums.asp.net/p/1768130/4828873.aspx/1?Re+Avoid+Master+Page+reload+Flicker

http://forums.asp.net/t/1637575.aspx/1

On click of sub-menu still the page refereshes.Tried by your code.

<div>

On click of sub-menu still the page refereshes.Tried by your code.Please suggest some.

</div>

Hi SohaiShaikh.

<div>

On click of sub-menu still the page refereshes.Tried by your code.

Please suggest some other idea.

Regards

S.Guhananth

</div>

[RESOLVED]modal popup js error

September 13, 2014AJAX, CSS, DetailsView, GridView, HTML, Image, Jquery, Login, LoginName, LoginStatus, LoginView, Menu, Panel, PlaceHolder, ScriptManager, TreeView, View, Web FormsAJAX, CSS, DetailsView, GridView, HTML, Image, Jquery, Login, LoginName, LoginStatus, LoginView, Menu, Panel, PlaceHolder, ScriptManager, TreeView, View, Web Formsadmin

Trying to add this modal popup to a Master page. The master is the web forms template from VS2012. The trigger is the loginlink. The panel only has an OK button.

@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %>

<!DOCTYPE html>
<html lang="en">
<head runat="server">
    <meta charset="utf-8" />
    <title><%: Page.Title %> - My ASP.NET Application</title>
    <asp:PlaceHolder runat="server">      
        <%: Scripts.Render("~/bundles/modernizr") %>
    </asp:PlaceHolder>
    <webopt:BundleReference runat="server" Path="~/Content/css" /> 
    <webopt:BundleReference ID="BundleReference1" runat="server" Path="~/Content/themes/base/css" />

    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <asp:ContentPlaceHolder runat="server" ID="HeadContent" />
</head>
<body>
    <form runat="server">

   <%-- <asp:ScriptManager runat="server">--%>
        <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        <Scripts>
            <%--Framework scripts--%>
            <asp:ScriptReference Name="jquery" />
            <asp:ScriptReference Name="jquery.ui.combined" />
            <asp:ScriptReference Name="WebForms.js"  Path="~/Scripts/WebForms/WebForms.js" />
            <asp:ScriptReference Name="WebUIValidation.js" Path="~/Scripts/WebForms/WebUIValidation.js" />
            <asp:ScriptReference Name="MenuStandards.js" Path="~/Scripts/WebForms/MenuStandards.js" />
            <asp:ScriptReference Name="GridView.js" Path="~/Scripts/WebForms/GridView.js" />
            <asp:ScriptReference Name="DetailsView.js" Path="~/Scripts/WebForms/DetailsView.js" />
            <asp:ScriptReference Name="TreeView.js" Path="~/Scripts/WebForms/TreeView.js" />
            <asp:ScriptReference Name="WebParts.js" Path="~/Scripts/WebForms/WebParts.js" />
            <asp:ScriptReference Name="Focus.js" Path="~/Scripts/WebForms/Focus.js" />
            <asp:ScriptReference Name="WebFormsBundle" />
            <%--Site scripts--%>

        </Scripts>
            </ajaxToolkit:ToolkitScriptManager>

       <section id="login" style="margin-left:75px;">
                    <asp:LoginView ID="LoginView1" runat="server" ViewStateMode="Disabled">
                        <AnonymousTemplate>
        <div style="background-color:aliceblue; float:left;">
            <ul>
                                <li><a id="registerLink" runat="server" href="~/Account/Register.aspx">Register</a></li>
                                 <li><a id="loginLink" runat="server" >Log in</a>
                                    </li>
                                </ul>

        </div>
                            </AnonymousTemplate></asp:LoginView></section>
        <br />
        <div class="content-wrapper">
            <div class="float-left">
                <p class="site-title">
                    <a runat="server" href="~/"><asp:Image ID="iBDLogo" ImageUrl="~/Images/site/bdlogo_96_300.png" runat="server"></asp:Image></a></p>
            </div>
            <div class="float-right" style="padding-top:40px;">
                <%--<section id="login">
                    <asp:LoginView runat="server" ViewStateMode="Disabled">
                        <AnonymousTemplate>--%>
                            <%--<ul>
                                <li><a id="registerLink" runat="server" href="~/Account/Register.aspx">Register</a></li>
                                <li><a id="loginLink" runat="server" href="~/Account/Login.aspx">Log in</a>
  --%>
                                    <ul id="menu">
                                    <li><a runat="server" href="~/">Home</a></li>
                                    <li><a runat="server" href="~/Contact.aspx">The Kennel</a></li>
                                    <li><a runat="server" href="~/Contact.aspx">Dog Hause</a></li>
                                    <li><a runat="server" href="~/About.aspx">About</a></li>
                                    <li><a runat="server" href="~/Contact.aspx">Contact</a></li>
                                    </ul>

                 <div><asp:Panel ID="plogin" runat="server" style="display:none">
            <asp:Login ID="Login1" runat="server"></asp:Login></asp:Panel>
     <%--   <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1"  runat="server" TargetControlID="plogin" PopupControlID="loginLink" /></div>
     --%>                           <%--</li>
                            </ul>--%>
                       <%-- </AnonymousTemplate>
                        <LoggedInTemplate>
                            <p>
                                Hello, <a runat="server" class="username" href="~/Account/Manage.aspx" title="Manage your account">
                                    <asp:LoginName runat="server" CssClass="username" />
                                </a>!
                                <asp:LoginStatus runat="server" LogoutAction="Redirect" LogoutText="Log off" LogoutPageUrl="~/" />
                            </p>
                        </LoggedInTemplate>
                    </asp:LoginView>
                </section>--%>
                <nav>
                </nav>
            </div>
        </div>

       

    <%--</asp:ScriptManager>--%>
    <header>
    </header>
    <div id="body">
        <asp:ContentPlaceHolder runat="server" ID="FeaturedContent" />
        <section class="content-wrapper main-content clear-fix">
            <asp:ContentPlaceHolder runat="server" ID="MainContent" />
        </section>
    </div>
    <footer>
        <div class="content-wrapper">
            <div class="float-left">
                <p>
                    &copy; <%: DateTime.Now.Year %> - My ASP.NET Application
                </p>
            </div>
        </div>
    </footer>
            <asp:Panel ID="Panel1" runat="server" style="margin-right: 108px; display:none;" >LOGIN <br />
                <asp:Button ID="bok" runat="server" Text="OK" />
            </asp:Panel>
            <ajaxToolkit:ModalPopupExtender ID="Panel1_ModalPopupExtender" runat="server"  Enabled="True" PopupControlID="loginlink" TargetControlID="Panel1">
            </ajaxToolkit:ModalPopupExtender>
    </form>
            

</body>
</html>

As soon as the page opens I get ajavascript error

Error: Unable to get value of the property ‘parentNode’: object is null or undefined

If I remove the modalpopup extender the page does not error??

You’re getting the error because the asp panel, plogin, that the modal popup references has it’s display style set to none. Either display it, or have the modal popup target a control that is actually displayed.

<asp:Panel ID="plogin" runat="server" style="display:none">

I can remove the display but it still errors. If I comment out the xtender it doesnt – but, of course there s no popup…

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %>

<!DOCTYPE html>
<html lang="en">
<head runat="server">
    <meta charset="utf-8" />
    <title><%: Page.Title %> - My ASP.NET Application</title>
    <asp:PlaceHolder runat="server">
        <%: Scripts.Render("~/bundles/modernizr") %>
    </asp:PlaceHolder>
    <webopt:BundleReference runat="server" Path="~/Content/css" />
    <webopt:BundleReference ID="BundleReference1" runat="server" Path="~/Content/themes/base/css" />

    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <asp:ContentPlaceHolder runat="server" ID="HeadContent" />
</head>
<body>
    <form runat="server">

   <%-- <asp:ScriptManager runat="server">--%>
        <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        <Scripts>
            <%--Framework scripts--%>
            <asp:ScriptReference Name="jquery" />
            <asp:ScriptReference Name="jquery.ui.combined" />
            <asp:ScriptReference Name="WebForms.js"  Path="~/Scripts/WebForms/WebForms.js" />
            <asp:ScriptReference Name="WebUIValidation.js" Path="~/Scripts/WebForms/WebUIValidation.js" />
            <asp:ScriptReference Name="MenuStandards.js" Path="~/Scripts/WebForms/MenuStandards.js" />
            <asp:ScriptReference Name="GridView.js" Path="~/Scripts/WebForms/GridView.js" />
            <asp:ScriptReference Name="DetailsView.js" Path="~/Scripts/WebForms/DetailsView.js" />
            <asp:ScriptReference Name="TreeView.js" Path="~/Scripts/WebForms/TreeView.js" />
            <asp:ScriptReference Name="WebParts.js" Path="~/Scripts/WebForms/WebParts.js" />
            <asp:ScriptReference Name="Focus.js" Path="~/Scripts/WebForms/Focus.js" />
            <asp:ScriptReference Name="WebFormsBundle" />
            <%--Site scripts--%>

        </Scripts>
            </ajaxToolkit:ToolkitScriptManager>

       <section id="login" style="margin-left:75px;">
                    <asp:LoginView ID="LoginView1" runat="server" ViewStateMode="Disabled">
                        <AnonymousTemplate>
        <div style="background-color:aliceblue; float:left;">
            <ul>
                                <li><a id="registerLink" runat="server" href="~/Account/Register.aspx">Register</a></li>
                                 <li><a id="loginLink" runat="server" >Log in</a>
                                    </li>
                                </ul>

        </div>
                            </AnonymousTemplate></asp:LoginView></section>
        <br />
        <div class="content-wrapper">
            <div class="float-left">
                <p class="site-title">
                    <a runat="server" href="~/"><asp:Image ID="iBDLogo" ImageUrl="~/Images/site/bdlogo_96_300.png" runat="server"></asp:Image></a></p>
            </div>
            <div class="float-right" style="padding-top:40px;">
              
                                    <ul id="menu">
                                    <li><a runat="server" href="~/">Home</a></li>
                                    <li><a runat="server" href="~/Contact.aspx">The Kennel</a></li>
                                    <li><a runat="server" href="~/Contact.aspx">Dog Hause</a></li>
                                    <li><a runat="server" href="~/About.aspx">About</a></li>
                                    <li><a runat="server" href="~/Contact.aspx">Contact</a></li>
                                    </ul>
               
        </div>
    <header>
    </header>
    <div id="body">
        <asp:ContentPlaceHolder runat="server" ID="FeaturedContent" />
        <section class="content-wrapper main-content clear-fix">
            <asp:ContentPlaceHolder runat="server" ID="MainContent" />
        </section>
    </div>
    <footer>
        <div class="content-wrapper">
            <div class="float-left">
                <p>
                    &copy; <%: DateTime.Now.Year %> - My ASP.NET Application
                </p>
            </div>
        </div>
    </footer>
            <asp:Panel ID="Panel1" runat="server" style="margin-right: 108px;" >LOGIN <br />
                <asp:Button ID="bok" runat="server" Text="OK" />
            </asp:Panel>
           <ajaxToolkit:ModalPopupExtender ID="Panel1_ModalPopupExtender" runat="server"  Enabled="True" PopupControlID="loginlink" TargetControlID="Panel1">
            </ajaxToolkit:ModalPopupExtender>
    </form>
            

</body>
</html>

It seems that the problem was that the login link that the modal popup was looking for was in the <section> group and it couldnt find it. I put the link in the div and the popup works.

Hi, Please refer this

http://www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/modalpopup/modalpopup.aspx andhttp://www.asp.net/ajaxlibrary/act_ModalPopup.ashx

For more sample of ModalPopup

http://mattberseth.com/blog/modalpopupextender/

Bug with Visual Studio 2008 Designer?

September 12, 2014CSS, HTML, Image, Label, Login, LoginView, PlaceHolder, Post, TextBox, View, Web Forms, WizardCSS, HTML, Image, Label, Login, LoginView, PlaceHolder, Post, TextBox, View, Web Forms, Wizardadmin

I have an issue where I have a page that contains a wizard control. The wizard control is about 20 pages long with controls on each page. It is only about 500k or so in size. My issue is that I’ve noticed that recently all of my img src paths on this
particular page have been replaced with a strange path. If I change it back to a relative path and save it, the designer immediately changes it back to this strange path and the image doesn’t show up on the page. I’ve searched around and can’t find anyone
else having the problem. Anyone seen this before? The path contains the full path on my d: drive to the project and to the file, but that path to the project is also duplicated about 5 times:

Any ideas on what could be causing this or if there is a hotfix? I applied the hotfix a long time ago that is listed at the top of this forum because on these same large pages I was experiencing the issue where the designer was randomly throwing in about
50 <br/> tags on the various wizard steps and even if I deleted them, the designer would put them right back in. Really annoying.

Thanks for the assistance!

If this is a bug in the IDE then posting it here is a moot point. Goto
http://connect.microsoft.com/ create an account and submit a bug along with your project (zipped) and explain the issue and the behaviour.

From what it sounds like you are overloading the IDE with controls and it is having issues with rendering the HTML in the Design Window. You might want to design everything in Source view for this page.

I am seeing this identical problem – if I drag any image into the designer, it mangles the path in the same wa – sometimes with [A] and sometimes with [R]. This is on a page based on a master page, and the control being used is the LoginView control, so
it is all 100% MS features we’re talking about.

It is VERY difficult to google this since google kind of ignores the brackets, which are essential to find a valid result.

Not sure if by "overloading" you mean something as in "overriding" or in the C#/C++ sense, or if you mean over-taxing the capabilities. In either case, it isn’t so (at least for me)… here’s the entirety of the page:

<%@ Page Title="" Language="C#" MasterPageFile="~/Main.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitlePlaceholder" Runat="Server">Viewpoints by RBAC
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="HeadingRightPlaceholder" Runat="Server">
    Welcome to RBAC Viewpoints
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="BodyPlaceholder" Runat="Server">
    <asp:LoginView ID="LoginView1" runat="server">
        <LoggedInTemplate>
            <img alt="Viewpoints by RBAC, Inc."
    src="~/images/WorldEdgeFade.jpg" style="width: 706px; height: 474px" />
        </LoggedInTemplate>
        <AnonymousTemplate>
            <asp:Login ID="Login1" runat="server" TitleText="Please Log In"
             Width="311px" BorderStyle="Solid" BorderWidth="1px" CssClass="Login">
                <TextBoxStyle Width="1.7in" />
            <ValidatorTextStyle CssClass="LoginValidatorText" ForeColor="" />
                <LabelStyle CssClass="LoginLabelStyle" Wrap="False" />
            <TitleTextStyle CssClass="LoginTitleText" />
        </asp:Login>
        </AnonymousTemplate>
    </asp:LoginView>
   
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="RightSidePlaceholder" Runat="Server">
</asp:Content>

Currently i’m avoiding the designer but on a complex page you would simply not be able to in some cases (at least not without much trouble).

If I run the designer and look at the LoggedIn template, I immediately see the jpg path mangled to:

src="[A]~/images/WorldEdgeFade.jpg"

It appears that [A] and [R] may have something to do with "absolute" and "relative" paths, although if so, it is inconsistent. Either way, it is an illegal path.

The master page this is based on is not very complex either. And… the kicker… this only started happening recently, despite this project having been in VS 2008 since the beginning of the year. So some update has caused this.

I didn’t submit a bug report because it is really difficult to duplicate. However, I did a clean install on my box of Windows 7 Enterprise RTM (64 bit) and upped my RAM to 6 gigs from 3 gigs. I haven’t seen the problem since. I’m not sure if it was an
issue where I just needed to reimage my box anyway, or if it needed more RAM, but I was able to replace all of my funky paths ([A] and [R]) with valid paths and it hasn’t reverted back. Your pages sound far less complex than mine, but I had Visual Studio
installed for months without any issues and hadn’t really done and work on that page and then it just started, similar to what you are seeing.

Asp Forum

It is about ASP.NET

Tag Archives: LoginView