I just saw the code as below in the white paper of the
Extending the Personal Web Site Starter Kit,
Listing 3: Manage.aspx
<%@ Page Language="VB" MasterPageFile="~/Default.master"
AutoEventWireup="false" CodeFile="Manage.aspx.vb" Inherits="Manage"
title="Manage Your Personal Web Site" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Main" Runat="Server">
<div class="shim column"></div>
<div class="page" id="admin-albums">
<div id="sidebar">
<h3>Choose an area to manage</h3>
</div>
<div id="content">
<table width="90%"><tr>
<td><asp:ImageButton ID="ImageButton1" runat="server"
ImageUrl="../Images/button_sitecontent.gif"
PostBackUrl="Content.aspx" /></td>
<td><asp:ImageButton ID="ImageButton2" runat="server"
ImageUrl="../Images/button_manageusers.gif"
PostBackUrl="Users.aspx" /></td>
<td><asp:ImageButton ID="ImageButton3" runat="server"
ImageUrl="../Images/button_albums.gif"
PostBackUrl="Albums.aspx" /></td>
</tr></table>
</div>
</div>
</asp:Content>
Also, this article told us:
"Since this is a content page, you can see that it points to the master page to use the @Page
directive's MasterPageFile
attribute. Also, this page is rather simple. It uses the same CSS classes as the Albums.aspx
page found in the Admin folder and simply contains a table holding three image buttons that each point to a different administration page. Running this page in the browser produces the graphic shown here in Figure 4."
I don't understand "It uses the same CSS classes as the Albums.aspx
page found in the Admin folder". I just insert a table with 3 columns 1 row and put 3 imangebuttons inside. My code like this,
<%@ Page Language="C#" MasterPageFile="~/Default.master" Title="Manage Your Personal Web Site" Inherits="Manage" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Main" Runat="Server">
<table>
<tr>
<td style="width: 100px">
<asp:ImageButton ID="ImageButton1" runat="server" AlternateText="Site Content" ImageUrl="~/Images/placeholder-100.jpg" PostBackUrl="Admin/Content.aspx" /></td>
<td style="width: 100px">
<asp:ImageButton ID="ImageButton2" runat="server" AlternateText="Manage Users" ImageUrl="~/Images/placeholder-100.jpg" PostBackUrl="Admin/Users.aspx" /></td>
<td style="width: 100px">
<asp:ImageButton ID="ImageButton3" runat="server" AlternateText="Albums" ImageUrl="~/Images/placeholder-100.jpg" PostBackUrl="Albums.aspx" /></td>
</tr>
</table>
</asp:Content>
I don't know how to get following code from IDE
<div class="shim column"></div>
<div class="page" id="admin-albums">
<div id="sidebar">
<h3>Choose an area to manage</h3>
</div>
I know the same question is how to bring me to "uses the same CSS classes as the Albums.aspx
page found in the Admin folder".
Thank you a lot.