Tutorial showing how you can let your users choose how a page looks, using ASP.NET Themes. VB version.Server Intellect assists companies of all sizes with their hosting
needs by offering fully configured server solutions coupled with
proactive server management services.
User Selectable Themes in ASP.NET and VB
Tutorial showing how you can let your users choose how a page looks, using ASP.NET Themes. VB version.
For this example, there will be three simple themes to choose from, and they will be chosen from a drop-down menu.
First,
add an ASP.NET folder > Theme for each theme you will create. Within
each of these folders, you will need a CSS file and a Skin file.
Example CSS file:
td.title
{
font-size: 1em;
text-align: center;
font-family: verdana;
font-size: x-large;
font-weight: bolder;
color: Navy;
}
table.header
{
background-color: #cee9ff;
}
h1
{
font-size: large;
color: Navy;
}
h2
{
font-family: Verdana;
font-size: medium;
margin-top: 30;
color: Navy;
}
p
{
font-family: Verdana;
font-size: small;
color: Navy;
text-align: left;
}
hr
{
border: 0;
border-top: 2px solid Navy;
height: 2px;
} |
Example skin file:
Master Page:
Server Intellect assists companies of all sizes with their hosting needs by offering fully configured server solutions coupled with proactive server management services. Server
Intellect specializes in providing complete internet-ready server
solutions backed by their expert 24/365 proactive support team.
Content ASPX page:
<%@
Page Language="VB" MasterPageFile="~/Master1.master"
AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default"
Title="User Selectable Themes" StylesheetTheme="Blue" %>
Public Sub Page_PreInit()
' Sets the Theme for the page.
Me.Theme = "Blue"
If Request.Form IsNot Nothing AndAlso Request.Form.Count > 0 Then
Me.Theme = Me.Request.Form(4).Trim()
End If
End Sub
Switchable Themes on a Page
This is a custom page within a master page.
Choose from the drop-down menu below to change the color of this page.
Change the page to blue!
Change the page to red!
Change the page to green!
|
|
