Chapter 6

jdlferreira · June 6th, 2012, 10:27 AM

Hello,

First of all, I'd just like to say the book has been great help getting into ASP.NET, I've been hooked in the past few days to it and I couldn't ask for better, fantastic work.

Anyway, I've been having a few issues in this chapter, the book covers how to do this with a drop down list, but I wanted to try and do it with a couple of buttons, I have 2 buttons, one for each theme in my website, both the themes are working fine at page level, it's something I'm doing wrong with the code that isn't working.

Maybe you could give me some help with this? My two themes are "orangefresh" and "greenfresh", this is my master page code:

Code:

 using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class mpage : System.Web.UI.MasterPage
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            string selectedTheme = Page.Theme;
            HttpCookie webtheme = Request.Cookies.Get("webtheme");
            if (webtheme != null)
            {
                selectedTheme = webtheme.Value;
            }

        }
    }
    protected void orangefresh_Click(object sender, EventArgs e)
    {
        HttpCookie webtheme = new HttpCookie("webtheme");
        webtheme.Expires = DateTime.Now.AddMonths(3);
        webtheme.Value = "orangefresh";
        Response.Cookies.Add(webtheme);
        Response.Redirect(Request.Url.ToString());
    }

    protected void greenfresh_Click(object sender, EventArgs e)
    {
        HttpCookie webtheme = new HttpCookie("webtheme");
        webtheme.Expires = DateTime.Now.AddMonths(3);
        webtheme.Value = "greenfresh";
        Response.Cookies.Add(webtheme);
        Response.Redirect(Request.Url.ToString());
    }
}

Base Page:

Code:

using System;
using System.Web;
public class BasePage : System.Web.UI.Page
{
private void Page_PreInit(object sender, EventArgs e)
{
HttpCookie webtheme = Request.Cookies.Get("webtheme");
if (webtheme != null)
{
    Page.Theme = webtheme.Value;
}
}
public BasePage()
{
    this.PreInit += new EventHandler(Page_PreInit);
}
}

I followed the logic in the book and tried to change things around so it would fit the needs of buttons, but with no success.

Here is a pastebin of the master page markup:
http://pastebin.com/FCZ3ySZQ

I'm sorry if this is the wrong place to post in, I know it differs from the books content, I apologize if this isn't the right place for this.

Imar · June 6th, 2012, 11:28 AM

Hi there,

Don't worry about the place where you posted this. I think this is very on-topic.

That said, I tested your code and it works fine for me. Could it be that the page you're testing this on does not inherit BasePage, but the standard Page class instead? When that's the case, the theme is never applied.

Also, you could avoid some code duplication by changing this:

Code:

protected void orangefresh_Click(object sender, EventArgs e)
{
  HttpCookie webtheme = new HttpCookie("webtheme");
  webtheme.Expires = DateTime.Now.AddMonths(3);
  webtheme.Value = "orangefresh";
  Response.Cookies.Add(webtheme);
  Response.Redirect(Request.Url.ToString());
}
protected void greenfresh_Click(object sender, EventArgs e)
{
  HttpCookie webtheme = new HttpCookie("webtheme");
  webtheme.Expires = DateTime.Now.AddMonths(3);
  webtheme.Value = "greenfresh";
  Response.Cookies.Add(webtheme);
  Response.Redirect(Request.Url.ToString());
}

to this:

Code:

protected void orangefresh_Click(object sender, EventArgs e)
{
  SaveCookieAndRedirect("orangefresh");
}
protected void greenfresh_Click(object sender, EventArgs e)
{
  SaveCookieAndRedirect("greenfresh");
}
private void SaveCookieAndRedirect(string themeName)
{
  HttpCookie webtheme = new HttpCookie("webtheme");
  webtheme.Expires = DateTime.Now.AddMonths(3);
  webtheme.Value = themeName;
  Response.Cookies.Add(webtheme);
  Response.Redirect(Request.Url.ToString());
}

This way, you only need to maintain one method, and the click handlers simply call the SaveCookieAndRedirect method.

Hope this helps,

Imar

jdlferreira · June 6th, 2012, 11:44 AM

Imar! That was it! Thanks for your help, I was busting my head last night with my code and the whole inheritance thing went past my mind...

Again, many thanks.

jdlferreira · June 10th, 2012, 06:40 AM

Hey Imar,

I've been having a new complication with my page that I can't seem to understand, I'm now on the AJAX chapter and configured my contact form, similar to the one in the book.

Here is my ContactForm.ascx

Code:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ContactForm.ascx.cs" Inherits="controls_ContactForm" %>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<table class="style1" runat="server" id="FormTable">
    <tr>
        <td class="style2">
            Name</td>
        <td class="style4">
            <asp:TextBox ID="Name" CssClass="style3" runat="server"></asp:TextBox>
        </td>
        <td>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                ErrorMessage="Enter your name" ControlToValidate="Name" 
                CssClass="ErrorMessage">*</asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td class="style2">
            E-mail address</td>
        <td class="style4">
            <asp:TextBox ID="EmailAddress" CssClass="style3" runat="server"></asp:TextBox>
        </td>
        <td>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                ControlToValidate="EmailAddress" CssClass="ErrorMessage" Display="Dynamic" 
                ErrorMessage="Enter an e‑mail address">*</asp:RequiredFieldValidator>
            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                ControlToValidate="EmailAddress" CssClass="ErrorMessage" Display="Dynamic" 
                ErrorMessage="Enter a valid e‑mail address" 
                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">*</asp:RegularExpressionValidator>
        </td>
    </tr>
    <tr>
        <td class="style2">
            E-mail address again</td>
        <td class="style4">
            <asp:TextBox ID="ConfirmEmailAddress" CssClass="style3" runat="server"></asp:TextBox>
        </td>
        <td>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                ControlToValidate="ConfirmEmailAddress" CssClass="ErrorMessage" 
                Display="Dynamic" ErrorMessage="Confirm the e‑mail address">*</asp:RequiredFieldValidator>
            <asp:CompareValidator ID="CompareValidator1" runat="server" 
                ControlToCompare="EmailAddress" ControlToValidate="ConfirmEmailAddress" 
                CssClass="ErrorMessage" Display="Dynamic" 
                ErrorMessage="Retype the e‑mail address">*</asp:CompareValidator>
        </td>
    </tr>
    <tr>
        <td class="style2">
            Comments</td>
        <td class="style4">
            <asp:TextBox ID="Comments" CssClass="style3" TextMode="MultiLine" runat="server" Height="78px" 
                Width="291px"></asp:TextBox>
        </td>
        <td>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                ControlToValidate="Comments" CssClass="ErrorMessage" Display="Dynamic" 
                ErrorMessage="Enter a comment">*</asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td class="style2">
            &nbsp;</td>
        <td>
            <asp:Button ID="Send" runat="server" Text="Send" onclick="Send_Click" />
            <br />
            <asp:ValidationSummary ID="ValidationSummary1" runat="server" 
                CssClass="ErrorMessage" />
        </td>
        <td>
            &nbsp;</td>
    </tr>
</table>
<asp:Label ID="Message" runat="server" CssClass="messagesent" Width="256" Height="286" Text="Message Sent" Visible="False" />
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress1" runat="server"
AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate>
<div class="PleaseWait">
Please Wait...
</div>
</ProgressTemplate>
</asp:UpdateProgress>

I called the form in my index.aspx file:

Code:

 <div id="popupContact">  
        <a id="popupContactClose">x</a>  
        <h1>Need to get in touch?</h1>  
        <p id="contactArea">  
            <uc1:ContactForm ID="ContactForm1" runat="server" />
        </p>  
    </div>

Those divs work as a jquery popup, so the form only appears after a click event as a sort of popup.

If I call this "ContactForm1" on my page, the theme selector somehow stops working, all of the code remained the same as in my last posts, themes start working again as soon as remove the form from my page... any ideas on why this is happening?

Thanks for your help.

EDIT: Here's what I also noticed, if I click one of the buttons to change my theme, the Form is somehow picking this up and displaying all of the VallidationSummary Errors...

Imar · June 10th, 2012, 07:15 AM

Hi there,

I a not sure I understand the problem. Do you have a live example I can look at or a better problem description? Maybe there's some JavaScript issue somewhere that stops the postback from happening?

Quote:

if I click one of the buttons to change my theme, the Form is somehow picking this up and displaying all of the VallidationSummary Errors...

The buttons trigger the validation. Set CausesValidation to False on the two buttons to work around that.

Cheers,

Imar

jdlferreira · June 10th, 2012, 07:18 AM

Quote:

Originally Posted by Imar

The buttons trigger the validation. Set CausesValidation to False on the two buttons to work around that.

Yep! This was it, thanks again Imar, you're one cool dude.