Blog  |   Sitemap  |   Search  |   Language:  eng рус
Home
JavaScript UI FrameworkBug TrackerBug details

Bug Data

ID: #0227
Status: New
Severity: Major
Reporter: Guest
Submitted: 04-08-10 01:23

Product Data

Product: Ample SDK
Component: XUL 1.0
Version: 0.9.x
OS: > Any
Browser: > Any

Description

CSS Class not implemented in XUL layout elements

CSS selectors for element Id work but not for Class:

The hbox with attribute id="y" is able to be styled with this:
xul|hbox#y { }

The hbox with attribute class="n" is not able to be styled with this:
xul|hbox.n { }

Example:

<!DOCTYPE html>

<html>
<head>
<title>XUL Language: Data views</title>
<script type="text/javascript" src="lib/ample/runtime.js">
</script>
<script type="text/javascript" src=
"lib/ample/languages/xul/xul.js">
</script>
<link type="text/ample+css" href=
"lib/ample/languages/xul/themes/default/xul.css" rel=
"stylesheet">
<style type="text/ample+css">
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";

xul|hbox#y { background-color:red; border:1px solid black; }
xul|hbox.n { background-color:blue; border:1px solid black; }
</style>
</head>

<body>
<script type="application/ample+xml" xmlns:xul=
"http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<xul:hbox id="y" height="23" width="300"> <xul:label value="Title"/> </xul:hbox>
<xul:hbox class="n" height="23" width="300"> <xul:label value="Title"/> </xul:hbox>

</script>
</body>
</html>

Messages written for this bug

No messages has been appended yet.

Add a message
BugTracker