Default css file problems

I'm trying to use a default css file in a library project... I'm using this in my library's compile arguments:
"-include-stylesheet defaults.css /assets/styles/defaults.css"
In defaults.css, I'm trying to assign a defautl skin like this:
comp|Badge {
    skin-class: ClassReference('com.woo.skins.BadgeSkin');
The problem is when the component is being newed:
Main Thread (Suspended: TypeError: Error #1009: Cannot access a property or method of a null object reference.)
    mx.core::UIComponent/getStyle
    spark.components.supportClasses::SkinnableComponent/attachSkin
    spark.components.supportClasses::SkinnableComponent/validateSkinChange
    spark.components.supportClasses::SkinnableComponent/createChildren
What part am I doing wrong? I'm hoping it's the -include-stylesheet part, I couldn't find a single example for using that.

I assume you are using FlexBuilder to build and compile and not ant or the comand line correct? If so there are two things you need to check.
1) Where is your defaults.css located? As long as it is in the root of your library's src directory (ie. src/defaults.css) you shouldn't even need to add that compiler option. When it builds a project, FlexBuilder looks for a file named defaults.css in this location and will use it to override the framework version.
2) Go into your project properties -> build path -> assets tab. Make sure your defaults.css file is selected for inclusion.

Similar Messages

Applying tooltip styles from defaults.css file problem

in flex library, create custom tooltip extend ToolTip
CustomToolTip code:
public class CustomToolTip extends ToolTip
then i want use custom skin like ToolTipBorderSkin, so i add into defaults.css
defaults.css code:
CustomToolTip
borderSkin: ClassReference("my.skins.ToolTipBorderSkin");
build it into swc file, then in my application use
when i set textinput tips, it doesn't use the new skin
if write this line in the application, it works fine.
import my.controls.CustomToolTip; CustomToolTip
i don't know why.
Thanks for any help.

Thank you for your reply, alex.
i have assign the tooltip as the tooltipClass
CustomToolTipManagerImpl.as the code like this;
public class CustomToolTipManagerImpl extends ToolTipManagerImpl
public function CustomToolTipManagerImpl ()
   super();
   toolTipClass = CustomToolTip;
and custome define the application preloader
public class PreloaderBar extends DownloadProgressBar
public function PreloaderBar()
   super();
   registerClasses();
protected function registerClasses():void
   Singleton.registerClass("mx.managers::IToolTipManager2", CustomToolTipManagerImpl);
the application add this line:
preloader="my.preloaders.PreloaderBar"
i build this in flex library, and define the CustomeToolTip borderSkin in defaults.css
if i set borderSkin in actionscript, it is ok, but if i set in defaults.css, it doesn't work
setStyle("borderSkin", ToolTipBorderSkin);

Embedding a font with a library's defaults.css file

When I add the font-face and font-family declarations to my defaults.css file in my lib, the compiler complains about not being able to find the font. I've included the font in the lib's assets, so what else do I need to do to make it see it?

the textfield that has the embedded font should display without problem.
if you have other textfields that you want to use that font, you must create a textformat instance, assign its font property to match the linkage id of the library font and then you must enable the other textfield's embedFonts property and you must assign the setTextFormat() and/or setNewTextFormat() methods to your other textfields.

Removing warning for "Default CSS file not found."

I am getting this warning in Flash Builder:
"Default CSS file not found."
I can not for the life of me figure out how to get rid of it. Any suggestions?

Default css file can be specified as a compiler option (per SWC, I think).
See http://livedocs.adobe.com/flex/3/html/help.html?content=compilers_14.html
For example, flex framework has a default CSS file: C:\Program Files\Adobe\Adobe Flash Builder 4\sdks\3.5.0\frameworks\projects\framework\default.css
Do you have some library project or a swc with default css file option turned on, but the css file is missing?

Edit the Default CSS file

I want to know if there is a way to edit the default CSS file for Webi. The reason I am asking is because of the way in which hyperlinks are formatted. When I go into the document properties and change the formatting (color only), it does not update on my actual report. Also, I want to be able to remove the underlines from all hyperlinks without having to go in and do it manually using inline CSS.
Is there a default CSS file out there that can be edited? Where is it located and how to I ensure it's used in all my reports? Thanks.

Hi Keith,
Following is the location of the CSS file in 4.0
C:\Program Files (x86)\SAP BusinessObjects\SAP BusinessObjects Enterprise XI 4.0\images\WebIDefaultStyleSheet.css and
Note that for the BI 4.0, you would not be able to update the default style after the document creation. If you want to modify default style, you must :
1. update the .css file stored in the images folder of your server installation or rich client and
2. then create a new webi document to see your style modification.
Hope it helps.
Faisal Vakil

Defaults.css File issue

Hi Guys,
I have been trying to understand the issue revolving around defaults.css file in a Flex Library project. Here is my scenario,
I have the following 3 library projects and they have their own defaults.css
1. Component-1.swc ( this is a defaults.css in it )
2. Component-2.swc ( this is a defaults.css in it )
3. Component-3.swc ( this is a defaults.css in it )
I am trying to merge all the above SWC's into a single SWC named framework.swc using the maven dependency element as shown below.
<dependencies>
       <dependency>
             <groupId>com.ui</groupId>
             <artifactId>Component-1</artifactId>
             <version>${project.version}</version>
             <type>swc</type>
             <scope>internal</scope>
       </dependency>
       <dependency>
             <groupId>com.ui</groupId>
             <artifactId>Component-2</artifactId>
             <type>swc</type>
             <version>${project.version}</version>
             <scope>internal</scope>
        </dependency>
       <dependency>
             <groupId>com.ui</groupId>
             <artifactId>Component-3</artifactId>
             <type>swc</type>
             <version>${project.version}</version>
             <scope>internal</scope>
         </dependency>
<dependencies>
this results in framework.swc with a single defaults.css ( any one out of the three defaults.css file ). Can someone help me understand why this is behaving like this ? My guess is that it is trying to replace the defaults.css file when a dependent file was included in the file swc. But why ??
Any response is greatly appreciated.
thank U!

That's because you're creating a class.   You don't need a class to style HTML selectors.
HTML selectors don't contain any prefixes.
h1 {color:teal}
h2 {color:brown}
h3 {color: maroon}
Classes contain a dot prefix and must be referenced in the HTML.
.classname {color:pink}
<h2 class="classname">This class is pink</h2>
Nancy O.

[svn:fx-trunk] 11548: MXFTEText. css now has a type selector for FTEDataGridItemRenderer that matches the one for DataGridItemRenderer in the MX default .css file.

Revision: 11548
Author:   [email protected]
Date:     2009-11-06 16:35:27 -0800 (Fri, 06 Nov 2009)
Log Message:
MXFTEText.css now has a type selector for FTEDataGridItemRenderer that matches the one for DataGridItemRenderer in the MX default.css file. Both set paddingLeft to 5.
QE notes: None
Doc notes: None
Bugs: SDK_22741
Reviewer: Alex
Tests run: ant checkintests
Is noteworthy for integration: No
Modified Paths:
    flex/sdk/trunk/frameworks/projects/spark/MXFTEText.css
    flex/sdk/trunk/frameworks/spark-manifest.xml

AN UPDATE ON MY ISSUE:
It appears to be limited to Dreamweaver. When I upload the files to my server and use BrowserLab or Microsoft SuperPreview the pages are rendering properly in all versions of IE. It's only broken when viewing in Design view within Dreamweaver or when using BrowserLab from within Dreamweaver. So at least I know my website works, which is a huge relief, but does anyone have any idea why Design view would complete ignore my styles? It's very annoying.

Include a CSS file problem

I having a problem in including a css file in my jsp pages.
the tag is written as follows
<link rel="StyleSheet" type="text/css" href="ressources/stylesheet.css" media="screen"> I did change the directory ressource, the path and tried to play each and every time with this tag but it doesn't work. by the time I deploy my application, it tells me to download this css file or sometimes it tells me that the ressource is not available.
I am using netbeans with Glassfish.

Sorry for taking so long to answer but, it sounds that you didn't understand me.
I have included the exact lin to the css file but it still have a problem. below is the code in the JSP page
<%
String CssUrl= (String)application.getAttribute("CssUrl");
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="StyleSheet" type="text/css" href="<%=CssUrl%>/stylesheet.css" media="screen">
        <title>Login Utilisateur</title>
    </head>
...the CssUrl variable is defined in the web.xml file as the follwoing
<init-param>
            <param-name>CssUrl</param-name>
            <param-value>/GestionBudget/resources/css</param-value>
        </init-param>Please can you explain to me why when I execute the page, I got no Css application and sometimes, I got the error page of the server that the css file as a resource doesn't exist.

.css file problem

Hello friends My name is Mohit. I am getting some errors during opening of .css files of my Blog. It shows "Dreamviewer can't open this file" error. I am currently using Dreamviewer 8.0.1 version. I was getting this error in windows 8. But when I install windows 7, it was working fine. I am curious to know that why .css files are not working properly in window 8. I have already posted one similar question a month ago but did not get any answer. I hope I'll get helpful answer this time.

Try clearing the cache as in http://www.dmxzone.com/go/16740/clearing-dreamweaver-s-cache/

Version control not synchronizing the rhvariable.apj and default.css

After we had many problems with the 8.0.2 update, we managed to get a compile that was mostly correct and it buys us a couple weeks. We are still having problems with the rhvariable.apj and the default.css files. We had to edit the .cpd file in MS Access to get our global variables back from just before the update. I did not want to manually enter 800+ variables again. If my colleague edits the rhvariable file, i can't edit the file and i get an error. If I edit the file, he can't read my file. In order to get a compile with the variables we cut and pasted my variables into his .cpd file and it worked, but, now we are adding more variables and changing others resulting in only one of us having a working copy. My system complained about the default .css which did not come down from the server so i just pasted his file to my directory and it is working but we are having problems editing that file also. This is crazy. The 8.0.2 really hurt us and is still hurting. We are trying to run with it but having some significant problems.
Got any ideas?

Try this test.
Create a new project and create a variable with no value. Close the project and open rhvariable.apj with a text editor. You will see nothing has been saved, the variable name will not be there.
Now open the project and enter a value. Close the project and open the rhvariable file again, now you will see the variable and the value.
This seems to confirm that RH does not allow a null value variable to be created in the rhvariable.apj file. It may show it in the interface but that was not the problem.
See www.grainge.org for RoboHelp and Authoring tips
Follow me @petergrainge

Defaults.css sporadically ignored

I have a shared library project that specifies skins for common elements (scrollbars, buttons, etc.) in a defaults.css file. The AIR and Flex applications that use this library usually pick up the styles fine, but sometimes they seem to be overridden by normal skins. Skins for custom components are always found, as there's no other skin specified for them anywhere. Components from other shared libraries with local skins also often default to their library skins rather than the local ones.
Sometimes I can resolve this by cleaning my projects a few times. I've hit it a few times though where even cleaning didn't resolve the problem, and the only resolution was to delete all of the projects and check them out of SVN again. Is this a known issue? I can't produce it consistently enough to create a test case to attach to a Jira.

hello,Darrell
I created a new set of Flex component library slib.swc (Flex 4.5). Would also like to have a default style. defaults.css file, making it the default style of the component library.
Like flex the builder install directory of sdks \ 4.5.0 \ frameworks out \ libs directory has a spark.swc file, open with Winrar will see defaults.css this file. Defaults.css file defines the default style of the flex spark components.
How can it be achieved?
As follows
slib.swc contains a CLabelEx components, and a defaults.css file
defaults.css source file as follows:
@ namespace s "library :/ / ns.adobe.com / flex / spark";
@ namespace mx "library :/ / ns.adobe.com / flex / mx";
@ namespace cn "http://os.slib.cn";
cn | CLabelEx
        styBackgroundAlpha: 1;
        styBackgroundColor: # 569CC0;
        styBorderAlpha: 1;
        styBorderColor: # 569CC0;
        styBorderWeight: 1;
        styCornerRadius: 3;
In slib.swc the application MyLabel.mxml of the source file as follows:
<? xml version = "1.0" encoding = "utf-8"?>
<s: Application, the xmlns: fx = "http://ns.adobe.com/mxml/2009
                           xmlns: s = "library :/ / ns.adobe.com / flex / spark"
                           xmlns: mx = "library :/ / ns.adobe.com / flex / mx"
                           xmlns: cn = "http://os.slib.cn
                           the minWidth = "955" The minHeight = "600">
        <fxeclarations>
        </ fxeclarations>
        <cn:CLabelEx x="67" y="112"/>
</ s: Application>
I hope CLabelEx default use cn | CLabelEx, style to display its appearance.
I refer to above approach, but failed to achieve. Can you please re-Detailed
thanks,

Defaults.css in library used in mobile app ignored

Hi
I have 2 libraries:
- library A is a set of universal controls with default skins.
- library B contains more specific components used in few projects. It also contains default skins and defaults.css. This library uses library A.
Problem:
- When I use library A in a desktop application everything works fine.
- When I use library A in a mobile application everything works fine.
- When I use library B in a desktop application everything works fine.
- When I use library B in a mobile application I get a runtime error for the components from library A: "Skin for MyApp0.BlaBla4...MyComponent33 cannot be found.".
In the last case css from library B is used but css from library A is ignored...
If I copy styles from defaults.css(A) to defaults.css(B) I get expected result, but this is not how I want to make it work.
I want the library B to override styles from library A, just like it does in 3rd test case, not replace all stylesheet.
Note that none of the application projects defines another stylesheet.
Any ideas?

After a bit of trial and error I finally got it. To be able to include a defaults.css file via an ant build there are two things you need to include in the build script.
1) Inside the opening compc tag, you need to define a value for defaults-css-url that is a string containing the absolute path to your defaults.css file.
2) A nested <include-file> tag with the following arguments: name="defaults.css" path=path to defaults.css
So for example, if your defaults.css file was located in assets/styles the compc segment of the build script would look somethng like this:
<compc output="${Workspace_Path}/MyLib/bin/myLib.swc"
defaults-css-url="${Workspace_Path}/MyLib/assets/styles/defaults.css" >
<include-file name="defaults.css" path="${Workspace_Path}/MyLib/assets/styles/defaults.css" />
</compc>

Default.css ...messing with me

Well, still new at this...
I made another template identicle to this one
http://intensittv.com
then went back to this and found that this whole default.css
file is the reason it's making me have to go back and start all
over again... and then, it screws with the new template on the
photo page all over again.
i don't know what to do.

>>it makes no sence
Actually, sorry to say, your message is what makes no sense.
There is no
"automatic" CSS files. DW doesn't just attach CSS files on
its own. I have
no idea what, "it keeps popping up as a back up tab on it's
> own" means.
The default.css file you refer to has an invalid link
(<link
href="file:///C|/IntensiT/eclipse template
backup/eclipse/default.css"
rel="stylesheet" type="text/css" />
) so it can't be affecting the page display. Based on that
link it looks
like you didn't define your site correctly in DW.
You have a lot of code errors. They may be part of your
problem:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fintensittv.com%2F
Walt
"raquii" <[email protected]> wrote in message
news:g2q3sv$pj5$[email protected]..
> well walt,
> basically what i stated above.
> i don't understand how the defualt.css is able to stand
alone for all my
> pages
> at intensitytv.com. that's exsactly what it's doing.
> i have a page done for the index.html and now one for
the photo page
> (gallery.html) when i went back to make additions to my
index.html, it was
> all
> screwed up. it looked similar to how i left the
gallery.html. then i
> noticed,
> there's this default.css file. it keeps popping up as a
back up tab on
> it's
> own. i never summon it. it seems that this is an
essential file and has to
> be
> up while i'm working on a file (index.html,
gallery.html, whatever) and
> it's
> only one. i don't see one for just the index.html and a
separate one for
> the
> gallery.html, and so on.... it's just one.
> do i have to have a separate folder for each .html page
i work on so that
> this
> auto default.css can separate itself?
> how does this work.
> it's messing up my work. it's making me start all my
pages all over again
> all
> the time. it makes no sence.
>

Need to understand RH7's default.css

Hi all,
A few months ago, I did my first couple of projects using
RH7_for_HTML (with the help of this forum). I came with a thorough
understanding of MS Word styling, so I knew what I was looking for
to get the type of control I am used to having in Word, and also I
already had a fair understanding of HTML/CSS.
However, I had trouble controlling RH7's styling using just
the RH 'Styles' dialog box. I didn't *completely* understand the RH
'Styles' dialog box (although I have used a lot of different style
systems in various authoring apps) and also didn't *completely*
understand why RH was producing the default.css styles sheet that
it did.
So … instead of spending more time grappling with it
(it was time to actually write some content and prove my
worth…), I decided it was time to ignore the 'Styles' dialog
box and instead I enlisted the aid of a pretty sophisticated
external HTML editor ( MS Visual Web Developer 2008) and got where
I wanted to go.
I also included incremental definition (cascading) of styles
within the style sheet so that, e.g., if I want to change the font
or indentation or whatever of all the styles in one go, then I only
need to modify one "base" style in the sheet instead of modifying
all of the styles. I couldn't figure out how RH7 supported this.
Now, after a break for a while, I am returning to RH7 for my
next project, and this time I would like to set up a professional,
correct, clean work environment of template, stylesheet(s) and
styles. To do this, maybe I can carry on ignoring the 'Styles'
dialog box. Or maybe not. I don't know. Anyway, I am curious about
what the Style dialog box does. Specifically, I hope somebody can
help me understand the following:
(1) I see that in default.css, there is a definition for H1
and LI.H1, as below. (Same for H2…H6.)
What does LI.H1 give us?
H1 {
font-weight: bold;
font-size: 24.0pt;
LI.H1 {
font-weight: bold;
font-size: 24.0pt;
(2) Similarly there is a definition for P and LI.P, as below.
What does LI.P give us?
P {
font-size: 12.0pt;
margin-top: 0pt;
margin-bottom: 0pt;
LI.P {
font-size: 12.0pt;
(3) I experimented with the List style. I used the Styles
dialog box to create a numbered list style, which I named
'List_L1'. RH added to its default.css file the following CSS
definitions:
P.List_L1 {
list-style: decimal;
LI.P-List_L1 {
list-style: decimal;
(4) What *exactly* is the meaning of the 'Other' tree in the
'Styles' pane of the 'Styles' dialog box?
I understand the definition P.List_L1, but for what purpose
is LI.P-List_L1?
(I had been wondering if the purpose of the LI (in (2),
above) was to prepare some sort of list version for P, but when I
actually created the list style (here in (3)) the LI.P was
ignored.)
TIA,
- avi

Hi Peter,
Thanks for joining the thread. Now that you have, maybe I can
drag you by the nose a bit and get you to answer a few more
questions further below.
First, about trying to repeat Ben's RH7 test: I am now back
at my office PC with RH7 (the RH8 at home is a just a trial
version).
Using RH7, on a fresh new project with a fresh 'default.css',
I just tried the same little test as Ben, and I got:
<ol style="list-style: decimal;" type=1>
<li class=p><p>List item a</p></li>
<li class=p><p>List item b</p></li>
<li class=p><p>List item c</p></li>
<li class=p><p>List item d</p></li>
</ol>
Similarly, for the H1 test, I got:
<ol style="list-style: decimal;" type=1>
<li class=H1><h1>Heading a</h1></li>
<li class=h1><h1>Heading b</h1></li>
<li class=h1><h1>Heading c</h1></li>
<li class=h1><h1>Heading d</h1></li>
</ol>
So that's a bit more voluminous than Ben got. Or maybe Ben
just wrote an abbreviation of what he got. Ben? You looking in?
(I just realized that I forgot to look at the default.css
that RH8 produced. I will have a look when I get home.)
>> This thread started with RH7. Now you have posted
some RH8 HTML. They will be different.
Thanks for pointing that out, Peter. Well, at least from
that, we now earned your description of RH7 vs. RH8 and their
motivations. Great, sublime. Bet not many people know all that.
You've now made me into a professional…
>> Using LI within the style sheet is not the same
thing as applying an inline style (local formatting) in Word. It is
effectively the same thing as a Class of a style. Because it is
within the CSS, it is perfectly acceptable.
I've had to chew on this a lot…
Isn't this a relative thing? I mean, is it really sufficient
that just because it is within the CSS, it makes it perfectly
acceptable?". I mean, if you did this just as a shortcut, but you
already have a good set of styles defined, but just couldn't be
bothered to use them, then this is a "quick fix" and is not, as a
rule, considered a professional thing to do.
On the other hand I see your point that since something like
"LI.P" is using separate, predefined styles, we are still
separating presentation from content, which is not the case if you
do local formatting in Word (and same for applying fonts and colors
and the like within HTML tags).
So in conclusion, I understand that the following definition,
generated by RH7:
LI.P {
font-size: 12.0pt;
is saying: "for the HTML element, LI, prepare a class of type
P, and this is what will be applied whenever you apply a default
list using one of the toolbar buttons (1-2-3) or bullets on top of
a 'Normal' text." And similarly for LI.Hx.
Btw, a pure CSS question, if I may. When RH7 generated the
following:
P {
font-size: 12.0pt;
margin-top: 0pt;
margin-bottom: 0pt;
LI.P {
font-size: 12.0pt;
isn't there instead an abbreviated CSS way of doing this that
avoids the duplication of attribute definitions and instead uses
some sort of inheritance that allows LI.P to inherit the font size
from P?
Further question: from your description of RH7 vs RH8 when
you press Enter, what would be the issues when upgrading a project
created with RH7 (and utilizing the styles in default.css) to RH8?
One more question. If I could give this topic a new name,
what would be a better name?
Maybe:
'"Can I ignore the RH7 Styles dialog box?"
- or -
"Should I ignore the RH7 Styles dialog box?"
- or -
other?
TIA
- avi

Problem with CSS files when placed in multiple locations.

Hi,
In our application we have a folder structure for the code files. Folder structure looks something like the one shown below:
ABC
---Scripts
---Stylesheets
DEF
Scripts
Stylesheets
Common
---Scripts
---Stylesheets
The problem is, if we create a CSS file and place it in its module specific folder (Eg: ABC) to which it belongs to and call the CSS on a page, then the styles are not getting applied to the page. But if we move the stylesheet to the Common folder, then page renders properly. In common folder, we already have a common CSS which is used across the project.
Facing similar problem with module specific and common js files.
We have to move all the module specific files to the module folders and all the common files to be placed in the Common folder.
MII Version: 11.5
Please help!
Regards,
Rajesh.

Rajesh,
Also note that, If your html is referencing to multiple css files then the last referenced CSS file style classes will override all the style class having same names in the previous css files.
for example,
say CSS1 has
.bodycolor
background-color:yellow;
.button
color:red;
h1
font-size:50pt;
and CSS2 has
.bodycolor
background-color:red;
.button
color:yellow;
And your HTML is,
<html>
<head>
<link rel="stylesheet" type="text/css" href="css1.css"/>
<link rel="stylesheet" type="text/css" href="css2.css"/>
<title>CSS Test</title>
</head>
<body class="bodycolor">
<h1>Hello World</h1>
<input type="button" class="button" name="B1" id="B1" value=" Click " size="50">
</body>
</html>
In this case the classes "bodycolor" and "button" will be overridden by css2 file but h1 will be taken from css1
Hope this helps!!
Regards,
Adarsh

Default css file problems

Similar Messages

Maybe you are looking for