JSF: Using own custom styles in skin css file?

I have created custom skin by defining custom css file and implementing predefined ADF style definitions (aliases).
Also, I need some other styles for use on specific parts i application, and my idea was to put these styles in same css file which is used in skin definition.
For example:
.footer_txt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF}
My intention was to use this styles in styleClass attribute of various
adf faces components
But after starting application, I can't find my additional styles in generated css file (pfmskin-desktop-10_1_3_1_0-ie).
Looks like that css generator is ignoring any styles which are not ADF predefined styles?
I was thinking that this is possible, because at the end of srdemo.css file (in SRDemo application) there is one part like this
/* custom styles that I made up and set on the styleClass attribute of various
adf faces components */
.adfFacesDemoSearchPanelGroup
width:100%;
padding:6px 6px 6px 26px;
background-color: #0099CC;
I can put my styles in separate css file, but then I have to include this file in every application page...
Is it possible to have custom defined styles in skin css file, and use them in styleClass attribute?

Hi,
skinning only works with the ADF faces skin selectors. There are plans to support custom selectors in a future version
Frank

Similar Messages

Km/docs/etc/wpceditor/css/runtime/ is using all custom style sheets(runtime

Hello ,
I am using km/docs/etc/wpceditor/css/runtime/File.css for web content where File.css is a custom stylesheet. This works fine. If I upload more than one custom style sheets, all of them are simultaneously used even though am only referencing one style sheet in the custom JSP layout. How can I use only one custom style sheet that I reference in my JSP layout:
<LINK REL="stylesheet" HREF="irj/go/km/docs/etc/wpceditor/css/runtime/File.css" />

Hi Vishal,
Can you be more specific when you said
"But if some styles does not match in that specified css Then it will refer the other css present at runtime folder."
In my case,am using 3 custom style sheets(File1.css, File2.css, File3.css). At run time, all my pages are using all 3 style sheets, even though, I have referenced only one stylesheet in the JSP layout:
<LINK REL="stylesheet" HREF="irj/go/km/docs/etc/wpceditor/css/runtime/File1.css" />
Thanks for your response.

Cannot make a cache safe URL for "1025/styles/Themable/corev4.css", file not found. Please verify that the file exists under the layouts directory.

HI
i restored a sharepoint web 80 application in our test domain
and after when i browse the new web application
it says
Cannot make a cache safe URL for "1025/styles/Themable/corev4.css", file not found. Please verify that the file exists under the layouts directory.
adil

Hi adil,
According to your description, my understanding is that you encountered the error “Cannot make a cache safe URL for "1025/styles/Themable/corev4.css", file not found. Please verify that the file
exists under the layouts directory.” .
The issue happens in
We have customized master page
In the master page, we use path the script/style file like this: <SharePoint:CssRegistration name="<% $SPUrl:~SiteCollection/Style Library/coe/mainCOE.css%>"
runat="server"/>
While using the dynamic path in a multiple languages enabled site, language Id(1033 etc) will be added to the path automatically. That cause the file to be not found.
To solve the issue, please download the Arabic language pack http://www.microsoft.com/en-us/download/details.aspx?id=3411 ,
install it on your SharePoint and refresh your browser.
Reference:
http://sharepoint-community.net/profiles/blogs/cannot-make-a-cache-safe-url-for-1036-sytles-themable-corev4-css
Best Regards,
Eric
Eric Tao
TechNet Community Support

OBIEE 11g : Unable to see any images while customizing styles and skins

Hi,
I am trying to customize OBIEE 11g style and skin. I followed the steps mentioned at http://www.rittmanmead.com/2010/12/oracle-bi-ee-11g-styles-skins-custom-xml-messages/ and also in oracle white paper http://www.oracle.com/technetwork/middleware/bi/customizing-oracle-biee-11g-176387.pdf.
I am not able to see any images on any OBIEE screens. After login, I can see the name of skin which i have created as the default skin but login page images, header images (after login) are not coming up. Can you please provide solution?
P.S. I have not changed any images or any css files in the custom skin and style directory. I just wanted to know first whether the new skin/style works for me. If it works, then i will apply some sort of customization.

That is correct. Also remember to delete browser cache. Here you have the folders: Re: how to insert the picture in the dashboard of BIEE
Let me know.
J.-

How do I add custom style to custom AS3 component via .css file?

Hi all,
I have created a flex application which displays a custom component I created in actionscript. My custom component is just an extended canvas component which displays a gradient background. When I add the component to my flex app, see code below, the component works great.
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="http://localhost/mycomps">
    <ns1:GradientCanvas fillColors="[#ffffff, #000000]" />
</mx:Application>
However, I also want to support css styles to add the gradient colors to my component, like so
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="http://localhost/mycomps">
    <mx:Style source="test.css" />
    <ns1:GradientCanvas styleName="gradientCanvas" />
</mx:Application>
test.css
.gradientCanvas {
    fill-colors: #ffffff, #000000;
When I try this my component doesn't display a gradient. I have followed the tutorials online that I could find but it seems to be the same example from Adobe repeated on multiple site and it doesn't work.
My component code is added below, if anyone could show me how to get this to work it would be much appreciated.
Thanks in advance,
Xander
GradientCanvas.as
package mycomps {
    import flash.display.GradientType;
    import flash.geom.Matrix;
    import mx.containers.Canvas;
    import mx.styles.CSSStyleDeclaration;
    import mx.styles.StyleManager;
    public class GradientCanvas extends Canvas {
        private static var classConstructed:Boolean = constructStyle();
        public function GradientCanvas() {
            super();
            this.width = 100;
            this.height = 20;
        private static function constructStyle():Boolean {
            var style:CSSStyleDeclaration = StyleManager.getStyleDeclaration("GradientCanvas");
            if (style) {
                if (style.getStyle("fill-colors") == undefined) {
                    style.setStyle("fill-colors", [0xffffff, 0x000000]);
            } else {
                style = new CSSStyleDeclaration();
                style.defaultFactory = function():void {
                    this._fillColours = [0xffffff, 0x000000];
                StyleManager.setStyleDeclaration("GradientCanvas", style, true);
            return true;
        override public function styleChanged(styleProp:String):void {
            super.styleChanged(styleProp);
            if (styleProp == "fill-colors") {
                this._fillColours = getStyle("fill-colors");
                this._fillColoursChanged = true;
                this.invalidateDisplayList();
        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
            super.updateDisplayList(unscaledWidth, unscaledHeight);
            if (this._fillColoursChanged == true) {
                var direction:Number = 90 * (Math.PI / 180);
                var matrix:Matrix = new Matrix();
                matrix.createGradientBox(unscaledWidth, unscaledHeight, direction, 0, 0);
                graphics.clear();
                graphics.beginGradientFill(GradientType.LINEAR, this._fillColours, [1,1], [0, 255], matrix, "pad", "rgb", -1);
                graphics.drawRect(0, 0, unscaledWidth, unscaledHeight);
                graphics.endFill();
                this._fillColoursChanged = false;
        [Inspectable(category="Gradient", type="Array", format="Color", name="Fill Colours")]
        private var _fillColours:Array;
        private var _fillColoursChanged:Boolean = false;
        public function get fillColours():Array {
            return this._fillColours;
        public function set fillColours(value:Array):void {
            this._fillColours = value;
            this._fillColoursChanged = true;
            this.invalidateProperties();
            this.invalidateDisplayList();

Never mind, I've discovered how to do it for myself.
Thanks...

How to use own created STYLE at SMART FORM

Hi all,
i am making a smart forms in which i want to use my own created STYLE even tough i already copied my style from the existing one and activate it it but when i m going to use it at SMART FROM,it give me SMART FROM default style.i can't understand what is the issue and why it is not showing in smart form even i have already activate it.
Thanks & Regards,
sappk25

Thanks every body,i have resolved it by my own self.
Thanks & Regards,
sappk25

Using a custom video player (skin) for Event Videos?

Hi
I'd like use something other than the 9 standard video skins that come with Captivate 6 (Halo, Clear and Corona). Is it possible to use a custom video player or at least a different skin for an Event video? And, if so, does anyone know where I could find a collection of custom skins (free or otherwise)?
Thanks
Paul

Well sure enough, that WPF MediaKit indeed uses D3DImage for the WPF interop. In fact he does things very similar to me except mostly he seems to use DirectShow whereas I'm 100% Media Foundation. Maybe should rethink that... If only DirectShow had H264
support in Windows 8. Stupid licensing issues. Anyway thanks again for that link.

Oracle skin CSS file

Is it possible to get the default oracle CSS file ?
I want to change the page look and feel, the tabs, ...
The purpleSkin.css sample doesnt define all the attributes.
Best thanks
Laurent

For the first question, first i would ask how you head is set? you need an afh:head for the page to want to pick up the skin. Besides that can you be more specific in how you mean when you say you have to refresh? i know that when you are playing with the skins, it sits in the cache until you refresh, but once you do the intial refresh the changes should say. like if i changed the link color from green to pink, when i first rerun the app i have to refresh, but after that i don't.
The advantages you ask? well for tabs i like it best so far, and for the adf tree i makes it look nice. But as far as rollovers on buttons, i don't like it but i do like that i only need 4 images instead of a bunch of images for buttons.
I currently use skins along with a css style sheet for everything else. So don't think you have to switch directly to faces, you can utilize both to their fullest advantage. But if anyone figures out how to make rollovers on faces skinned buttons let me know.

Problem with elements/text linking to styles in external css file

Hi,
the project I am working on is using a default.css and I would like to assign styles from the file to elements in edge - how can I do that?
I already tried the "class" setting in the GUI next an element but the elements do not use the styles defined in the default.css.
The default.css is linked in the html file properly. In the js file which edge creates I see that the value userClass: 'slideTitle' is assigned and slideTitle is defined in the default.css.

Use yepnope like this:
yepnope(
    nope:[
    // include your css file path here.
        'css/yourcssfile.css',
    complete: init
function init() {
//whatever you need here

Using image from defalttheme.jar in CSS file

Hello All,
In JSF page we can access an image from the defaulttheme.jar, something like :
background-image: ContextPath/theme/com/sun/rave/web/ui/defaulttheme/images/table/table_titlebar_gradient.jpgI want to move this from JSF file to my CSS file. can anyone tell me how can i do this?

norsez, did you had a look at the Java Tutorial:
Using the APPLET Tag
http://java.sun.com/docs/books/tutorial/applet/appletsonly/html.html
It says: 'You specify JAR files using the ARCHIVE attribute of the <APPLET> tag. You can specify multiple archive files by separating them with commas [...]'. I assume all listed JAR files are in the classpath then and you should have access to their classes.
Let us know if it works!
HTH, Markus

How to use JSP custom tag lib in PAR file?

Hi All,
I am trying to customize mastheaderpar file. For that I have downloaded relevant par file and making the changes accordingly.
As part of the changes I would require to use JSP custom tag library in my par file.
I have the TLD file and relevant classes in the jar file. I would like to know where and what kind of modifications have to be done to use the jsp custom tag library.
I tried modifying some things in portalapp.xml but was not successful.
Please help me on how to proceed with this? It would be great if you can provide the xml entry to use this tag library
Thanks
Santhosh

Hi Johny,
Thanks for the reply. Actually I am able to change colors etc. with out any problem.
My requirement is to use XMLTaglib in mastheader par file. This tag lib is from apache tomcat. I have the relevant TLD and class files. I copied TLD file into taglib dir of portal-inf and class file in src api.
And I have added the following line in portalapp.xml under component-profile section of default
<property name="tlxtag" value="/SERVICE/Newmastheader/taglib/taglibs-xtags.tld">
Is this the right way to use tag lib? Actually before adding this line I used to get the error saying "Error parsing taglib", but now the error does not occur and I am getting new error. This is an exception in one of the taglib classes.
Could any one provide me some inputs on how to check this error?
Thanks
Santhosh

Use compc to compile flex runtime css files

Can someone post a command line example of how to compile to
a css file to swf for runtime skinning in flex ?
Thanks,
Firdosh

Could you please share your swf and app.xml, packaging, your project (if possible) at [email protected]
I will get a bug logged for this.

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);

Is it possible to style texts via CSS file?

I have the feeling that AS3.0 will not work with complex CSS styling, correct? I'm creating some div tag and I want to style the div tag. Will AS3 work with div tag?

no. these are the supported tags:
CSS property ActionScript property Usage and supported values
text-align
textAlign
Recognized values are left, center, right, and justify.
text-decoration
textDecoration
Recognized values are none and underline.
margin-right
marginRight
Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
kerning
kerning
Recognized values are true and false.
letter-spacing
letterSpacing
Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
font-family
fontFamily
A comma-separated list of fonts to use, in descending order of desirability. Any font family name can be used. If you specify a generic font name, it is converted to an appropriate device font. The following font conversions are available: mono is converted to _typewriter, sans-serif is converted to _sans, and serif is converted to _serif.
display
display
Supported values are inline, block, and none.

JSF 2 resources folder for js and css files

Hello,
Could I change somehow default 'resources' folder for h:outputStylesheet and h:outputScript tags

To see what the Widget Browser is and does, have a look here http://labs.adobe.com/technologies/spry/wb/dev_guide.html.
This means, that anyone can create a widget which can then be used via the Widget Browser.
It also means that the included code can be of any format including having references to files that are located elsewhere, as in your case, by Google.
This is not a bad thing. You could alsways copy the contents of the file into a local file if you wish.
I hope this helps.
Ben

JSF: Using own custom styles in skin css file?

Similar Messages

Maybe you are looking for