Chapter 8 style.aspx page

stoverje · #1 (**permalink**) July 10th, 2008, 03:08 PM

In chapter 8 dealing with themes, the style.aspx page for using conditional logic for CSS is not working for me in ASP.NET 2.0. I am using Visual Studio 2005 Pro with SP1 on an XP Pro machine.

Any ideas how to make it work?

Thanks,

Jim

surfer5 · #2 (**permalink**) August 6th, 2008, 06:48 PM

Hey Jim-

Can you put up here the conditional logic that is failing for you? If you can copy and paste it from your own project, I might be able to find the problem. Sometimes something seemingly insignificant can cause the entire thing not to work.

Case in point, I just helped another reader figure out how to get the CSS Adapaters to work on his project. The major problem? His CSS Class referenced AspNet-Gridview instead of AspNet-GridView. If you didn't immediately see the difference, the v isn't capitalized in his example but it is in the divs rendered by the adapters. And CSS is case-sensitive. So, when the browser was looking for the style rules for AspNet-GridView it couldn't find any and so it didn't apply any style.

Anyway, it is hopefully something as simple as that that you might spend all day looking at and not see but a fresh set of eyes might spot immediately. If you can post the code you are using, I can download it here and run it and see what I see.

Thanks!

-Jacob

Jacob J. Sanford
Author of Professional ASP.NET 2.0 Design: CSS, Themes, and Master Pages
Co-author of Professional SharePoint 2007 Design

surfer5 · #3 (**permalink**) August 6th, 2008, 06:52 PM

also, you might find benefit in downloading the original source code for this chapter:

http://media.wiley.com/product_ancil.../Chapter_8.zip

Jacob J. Sanford
Author of Professional ASP.NET 2.0 Design: CSS, Themes, and Master Pages
Co-author of Professional SharePoint 2007 Design

stoverje · #4 (**permalink**) August 8th, 2008, 11:13 AM

Here is my source code for the CSS conditional logic in style.aspx.

Code:

body
{
    font-size: xx-large;
    <% if(myTheme == "myFirstTheme") { %>
    <% if (browser == "IE") { %>
        background-color: Black;
        color: White;
    <%} else { %>
        background-color: steelblue;
        color: Silver;
    <%} %>
    <% } else { %>
        background-color: White;
        color: black;
    <% } %>
}

I am using IE7 on Windows XP SP3. Also, VS 2005 with .NET 2.0.50727

Thanks,

Jim

Need to download code?

Navigation