Chapter 6; Skins CssClass

jtruffa · April 30th, 2009, 10:39 AM

I get an error (warning) "The class or CssClass is not defined" when adding class from the Monochrome file for the button. I've doubled checked to ensure the CSS selector is in the Monochrome.css file. The color does not change as it should? Also, after including a named skin for the red buton it also does not chnge as it should?

Here's the cose for the skin file-
<asp:ButtonCssClass="MyButton"BackColor="#cccccc"runat="server"/>
<asp:ButtonSkinID="RedButton"BackColor="Red"ForeColor="Black"runat="server"/>

Any help ia appreciated....grat book, so far!

Imar · April 30th, 2009, 11:32 AM

Hi there,

A few questions:

1. How does your CSS file / selector look?

2. Are you sure the CSS file is current (press Ctrl+F5 to make sure)

Also, the skin file won't show IntelliSense or understand the CssClass as it doesn't now where it's defined.

When you post follow up questions, can you please specify page number and Try It Out step if applicable?

Cheers,

Imar

jtruffa · April 30th, 2009, 02:45 PM

Here's the Css Selector: font-size: 0.7em;
font-weight: bold;
line-height: 37px;
}
.MyButton
{
color:#308462;
}

Not sure how I would tell if the Css file is curent..... Are you sure the CSS file is current (press Ctrl+F5 to make sure)

Sorry about leaving out page and Try it out step...Page 230, TIO Step: Creating a Skin for the Button Control.

thanks agin for the help.

Imar · April 30th, 2009, 02:50 PM

Does your CSS code open just like this? Or is there more code that you haven't posted here? What you posted isn't valid as it starts with rules, not with a selector.

A browser caches a copy of the style sheet, so you may be looking at an old one. By pressing Ctrl+F5 in IE you force the browser to download the latest file.

Can you also post the relevant piece of final HTML in the browser? Do you see the MyButton in that code somewhere?

Imar

jtruffa · April 30th, 2009, 03:20 PM

I added the Css selector at the end of the Monochrome.css file. It looks the same as the file I downloaded from the Wrox web site. If you want I can include the code?

Here's the HTML code. I don't see the reference to "class ="MyButton"".

Again, I apreciate the help.

<!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>
Skins Demo
</title>
<link href="../App_Themes/DarkGrey/DarkGrey.css" type="text/css" rel="stylesheet" /></head>
<body>
<form name="aspnetForm" method="post" action="SkinsDemo.aspx" id="aspnetForm">
<div>
<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="/wEPDwUKMTAxODQ0NzY0Nw9kFgJmD2QWAgIDD2QWAgIFDxBkZBY BAgFkZMheO+YOJHV9CqDhcqc+iw03GEFF" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>

<div>
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBgLa8rSAAwLV7KO2CwKmqP31CQLlh5KuCQL77aOhAwLhg4f +CoAQeOwdT4Efnzwdq998NGrY4afY" />
</div>
<div id="PageWrapper">
<div id="Header"><a href="../" class="HeaderLink">Header Goes Here</a></div>
<div id="MenuWrapper">Menu Goes Here</div>
<div id="MainContent">

<input type="submit" name="ctl00$cpMainContent$Button1" value="Button" id="ctl00_cpMainContent_Button1" />
<input type="submit" name="ctl00$cpMainContent$Button2" value="Button" id="ctl00_cpMainContent_Button2" />
</div>
<div id="Sidebar">Select a Theme<select name="ctl00$lstPreferredTheme" onchange="javascript:setTimeout('__doPostBack(\'ct l00$lstPreferredTheme\',\'\')', 0)" id="ctl00_lstPreferredTheme">
<option value="Monochrome">Monochrome</option>
<option selected="selected" value="DarkGrey">DarkGrey</option>
</select>
</div>
<div id="Footer">Footer Goes Here</div>
</div>
</form>

</body>
</html>

Imar · April 30th, 2009, 03:45 PM

That's pretty odd. Most of it looks good (page, link to the CSS file, the theme and so on) but it seems the skin is not applied.

Where did you place the Skin file exactly? What's the name of the file and how does its content look?

Imar

jtruffa · April 30th, 2009, 05:58 PM

The Skin file is in the Monochrome theme folder.

Here's the code for the skins file and the error message-

<asp:ButtonCssClass="MyButton"BackColor="#cccccc"runat="server"/>
<asp:ButtonSkinID="RedButton"BackColor="Red"ForeColor="Black"runat="server"/>

Warning 2 The class or CssClass value is not defined. C:\BegASPNET\Site\App_Themes\Monochrome\Button.ski n 1 23 C:\BegASPNET\Site\

Imar · May 1st, 2009, 03:50 PM

The warning is not a problem; the Skin file simply can't find the theme's CSS file. This is OK and not a problem.

However, it's strange that the skin is not applied to the control. Can you zip your project and send it to me?

Cheers,

Imar

jtruffa · May 1st, 2009, 05:44 PM

Would love to send zip file...what's the best way to get it to you?

Imar · May 1st, 2009, 05:48 PM

Send me a message through the Contact page of my personal web site. I'll reply so you know my address....

IMar