I recently submitted a new theme to the ASP.NET MVC Design Gallery. It?s called April and is a fresh theme dominated by green tones. Naturally I included the jQuery login panel as well as in my previous theme.

So have a look at the April theme, download it and vote for it, if you like it.

Some days ago I wrote about my first MVC Design Template. I told about the jQuery login and that it's not very efficient because there was no specific login action action to handle the ajax request.

I now updated the template and included an extra action and view for the partial login. I also decided to stay with the full page postback for the login process because there are possibly places all over the page that have to be changed on successful login. It's not very practical to do that all in javascript and you'd have to look at in in every single page.

Download the updated template from the MVC Design Gallery (and vote for it, of course :-)

I just got an email from Stephen Walther saying that my first template for the ASP.NET MVC framework has been published on http://www.asp.net/MVC/Gallery. Just look out for the theme called "october" or use this direct link: http://www.asp.net/MVC/Gallery/View.aspx?itemid=66.

Since there's only space for a 180 letters description and a small screenshot on the Design Gallery, I'll give you some more information here:

• CSS for most HTML elements
  including headers, tables and forms
• Additional CSS for message boxes
  information, error, success
• "Ajaxified" login panel
  A click on the login menu button let slide in a login panel (without a full page postback). This is achieved by using jQuery's AJAX functionality.

I was not sure if I could include additional actions in the template, therefore the normal "/Account/Login" action is loaded by jQuery and then filtered for the login form itself. The drawbacks are that there is far too much data loaded (the whole page instead of the login form only) and that a click on the form's login button will conclude in a full page postback.
But it's very easy to replace this functionality with your own partial action like so:

Change

url: '<%= Url.Action("Login","Account") %>',
success: function(data) {
	lc.html(jQuery('form',jQuery(data))).slideToggle();

to

url: '<%= Url.Action("PartialLogin","Account") %>',
success: function(data) {
	lc.html(data).slideToggle();

And here some screenshots: