CSS applied to instances of classes

Erik Westra 17 Feb 2005 12:32:52 -0000

Ok, the best way to explain what happens is to show u. I also attached
the classes i wrote down below in a .zip file. Just run test.mxml, works
fine. Then change in 'test.css' 'TitleWindow' to 'CommonDialog', the
thing is broken. Does any1 know what causes this?
 
Thnx, Erik
 
=== test.mxml ===
 
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml"; xmlns="*"
width="400" height="300" direction="horizontal">
<mx:Style source="test.css" />
<Message />
<Submit />
</mx:Application>
 
As u can see i create two components, both components extend another
class (CommonDialog), the classes:
 
=== CommonDialog.as ===
import mx.containers.TitleWindow;
 
class CommonDialog extends TitleWindow
{
public function CommonDialog()
{
width = 200;
height = 100;
};
};
 
=== Message.as ===
class Message extends CommonDialog
{
public function Message()
{
styleName = "MessageCSS";
};
};
 
=== Submit.as ===
class Submit extends CommonDialog
{
public function Submit()
{
styleName = "SubmitCSS";
};
};
 
 
=== test.css ===
 
/* if u change the line below in CommonDialog, things are broken... */
TitleWindow
{
panelBorderStyle: roundCorners;
}
CommonDialog.MessageCSS
{
corner-radius: 10px; 
}
CommonDialog.SubmitCSS
{
corner-radius: 0px; 
}


------_=_NextPart_002_01C514EC.CA3CBA64
Content-Type: text/html;
charset="us-ascii"
Content-Transfer-Encoding: quoted-printable

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.2800.1491" name=GENERATOR></HEAD>
<BODY>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN class=789052512-17022005>Ok, 
the best way to explain what happens is to show u. I also attached the classes 
i 
wrote down below in a .zip file. Just run test.mxml, works fine. Then change in 
'test.css' 'TitleWindow' to 'CommonDialog', the thing is broken. Does any1 know 
what causes this?</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN 
class=789052512-17022005></SPAN></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN class=789052512-17022005>Thnx, 
Erik</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN 
class=789052512-17022005></SPAN></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN class=789052512-17022005>=== 
test.mxml ===</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN 
class=789052512-17022005></SPAN></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN 
class=789052512-17022005>&lt;?xml version="1.0" 
encoding="utf-8"?&gt;<BR>&lt;mx:Application xmlns:mx="<A 
href="http://www.macromedia.com/2003/mxml";>http://www.macromedia.com/2003/mxml</A>"
 
xmlns="*" width="400" height="300" 
direction="horizontal"&gt;<BR>&nbsp;&lt;mx:Style source="test.css" 
/&gt;<BR>&nbsp;&lt;Message /&gt;<BR>&nbsp;&lt;Submit 
/&gt;<BR>&lt;/mx:Application&gt;</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN 
class=789052512-17022005></SPAN></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN class=789052512-17022005>As u 
can see i create two components, both components extend another class 
(CommonDialog), the classes:</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN 
class=789052512-17022005></SPAN></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN class=789052512-17022005>=== 
CommonDialog.as ===</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN 
class=789052512-17022005>import 
mx.containers.TitleWindow;</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN class=789052512-17022005>class 
CommonDialog extends TitleWindow<BR>{<BR>&nbsp;public function 
CommonDialog()<BR>&nbsp;{<BR>&nbsp;&nbsp;width = 200;<BR>&nbsp;&nbsp;height = 
100;<BR>&nbsp;};<BR>};</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN 
class=789052512-17022005></SPAN></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN class=789052512-17022005>=== 
Message.as ===</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN class=789052512-17022005>class 
Message extends CommonDialog<BR>{<BR>&nbsp;public function 
Message()<BR>&nbsp;{<BR>&nbsp;&nbsp;styleName = 
"MessageCSS";<BR>&nbsp;};<BR>};</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN 
class=789052512-17022005></SPAN></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN class=789052512-17022005>=== 
Submit.as ===</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN class=789052512-17022005>class 
Submit extends CommonDialog<BR>{<BR>&nbsp;public function 
Submit()<BR>&nbsp;{<BR>&nbsp;&nbsp;styleName = 
"SubmitCSS";<BR>&nbsp;};<BR>};</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN 
class=789052512-17022005></SPAN></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN 
class=789052512-17022005></SPAN></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN class=789052512-17022005>=== 
test.css ===</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN 
class=789052512-17022005></SPAN></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN class=789052512-17022005>/* if 
u change the line below in CommonDialog, things are broken... 
*/<BR>TitleWindow<BR>{<BR>&nbsp;panelBorderStyle: 
roundCorners;<BR>}<BR>CommonDialog.MessageCSS<BR>{<BR>&nbsp;corner-radius: 
10px;&nbsp;<BR>}<BR>CommonDialog.SubmitCSS<BR>{<BR>&nbsp;corner-radius: 
0px;&nbsp;<BR>}</SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN 
class=789052512-17022005></SPAN></FONT>&nbsp;</DIV></BODY></HTML>

------_=_NextPart_002_01C514EC.CA3CBA64--

ziplPile2Kcvy.zip
Description: test.zip

CSS applied to instances of classes

Reply via email to