Chapter 6

sparls · September 22nd, 2012, 01:50 AM

Hi I am currently a newbie in ASP.net and I am using the book version of ASP.NET 3.5 in C# and VB. I am trying to do chapter 6 of the book. I have reached page 228 but I have encountered some problems:

1. When I apply the DarkGrey theme for some reason it doesn't display properly as it should be. The header image does not appear. I have followed the instructions, put the folders where it should be but to no avail. The monochrome theme on the other hand works perfectly.

2. In dynamic switching themes, at first despite following the instructions it doesn't work until I read in the forums to make the default page inherit from the base page that I have created. But it seems that step is not included in the book or am I wrong or maybe I missed some detail instruction.

Note: The textbook given for us is ASP 3.5 but the software we are using is 4.0.

Thanks

Imar · September 22nd, 2012, 03:55 AM

Hi there,

For question 1, can you post the following:

1. The markup for your Master Page
2. The address you see in the address bar (just localhost:123 or localhost:123/Site or something like that)
3. The first 30 lines or so of the HTML for the page in the browser with the DarkGrey theme applied

For question 2: take a look at page 207, step 3 and page 208, step 6. These steps show you how to make your pages inherit this new BasePage.

Cheers,

Imar

sparls · September 22nd, 2012, 07:22 AM

Hi Imar,

Here is the markup for my master page:

<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPages_MasterPage" %>

<!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></title>

<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>

</head>
<body>
<form id="form1" runat="server">
<div id="PageWrapper">
<div id="Header">Header Goes Here</div>
<div id="MenuWrapper">Menu Goes Here</div>
<div id="MainContent">
<asp:ContentPlaceHolder ID = "cpMainContent" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="Sidebar"><asp:DropDownList ID="lstPreferredTheme" runat="server"
AutoPostBack="True">
<asp:ListItem>Monochrome</asp:ListItem>
<asp:ListItem>DarkGrey</asp:ListItem>
</asp:DropDownList>
</div>
<div id="Footer">Footer Goes Here</div>
</div>
</form>
</body>
</html>

2. The address I see in the address bar

http://localhost:60277/WebSite7/Default.aspx

Note: I put another image loading code in the CSS of DarkGrey under the first header but its still not the same as what is in the book.

3. Here is the first 30 lines of the source code

<!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><title>
Welcome to Planet Wrox
</title>
<link href="App_Themes/DarkGrey/DarkGrey.css" type="text/css" rel="stylesheet" /></head>
<body>
<form method="post" action="Default.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTY1NDU2MTA1Mg9kFgJmD2QWAgIDD2QWAgIDDxBkZBY BAgFkZHWT4pOftclQ4z3Ia+kPzCeoY76pZEpnipC8aD4HpnkD" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>

Imar · September 23rd, 2012, 09:15 AM

Hi there,

Take a look at this code you posted:

Code:

 
<div id="Header">Header Goes Here</div>

You're missing the HeaderLink which is the element that gets the background image through CSS. Page 197, step 3 shows the correct code you need to add to the Master Page.

Also, check out the errata for the book at http://www.wrox.com/WileyCDA/WroxTit...Cd-ERRATA.html for a fix of a difference between the code and the image shown in the book.

Cheers,

Imar

sparls · September 24th, 2012, 08:02 AM

Thanks Imar. Works like a charm!!!