Custom skin issue

Hello All,
i have created a custom skin library which works fine for ADF application but it's not working for Portlet producer Application .... does anyone know how to do it or is there any difference???
jdev 11.1.1.6.0
Thanks

Did you mention the portlet render kit in your custom skin library ?
in trinidad-skins.xml you need to define the portlet renderkit .
Say for example you need to define it like-
<?xml version="1.0" encoding="ISO-8859-1" ?>
- <skins xmlns="http://myfaces.apache.org/trinidad/skin">
- <skin-addition>
<skin-id>simple.desktop</skin-id>
<style-sheet-name>styles/custom-styles-desktop.css</style-sheet-name>
</skin-addition>
- <skin-addition>
<skin-id>default.desktop</skin-id>
<style-sheet-name>styles/custom-styles-desktop.css</style-sheet-name>
</skin-addition>
- <skin-addition>
*<skin-id>simple.portlet</skin-id>*
*<style-sheet-name>styles/custom-styles-desktop.css</style-sheet-name>* </skin-addition>
</skins>
Hope it works for you.
Apart from it,similar discussion has been going on -https://kr.forums.oracle.com/forums/thread.jspa?threadID=1554775
where it is mentioned -
Ín the portlet producer application remove the line:
<skin-family>fusion</skin-family>
from trinidad-config.xml in the web-inf folder, so it looks like this:
<?xml version="1.0" encoding="windows-1252"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
</trinidad-config>
Specify an init-param in the portlet.xml:
<init-param>
<name>org.apache.myfaces.trinidad.skin.id</name>
<value>fusion.desktop</value>
</init-param>
Works for me, does however look like a workaround.
Regards,
Hoque

Similar Messages

Custom VScrollBar skin issue

My VScrollBar skin only have two part track and thumb.
I find my VScrollBar can't drag to the end ?
Can somebody give some suggestion ?
I'm using flex4.5.1.
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="15" minHeight="35"
      alpha.disabled="0.5" top="2" bottom="2">
    <fx:Metadata>
         * @copy spark.skins.spark.ApplicationSkin#hostComponent
        [HostComponent("spark.components.mediaClasses.ScrubBar")]
    </fx:Metadata>
    <fx:Script fb:purpose="styling">
        /* Define the skin elements that should not be colorized. */
        static private const exclusions:Array = ["track", "thumb"];
         * @private
        override public function get colorizeExclusions():Array {return exclusions;}
         * @private
        override protected function initializationComplete():void
            useChromeColor = true;
            super.initializationComplete();
    </fx:Script>
    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" />
          <s:State name="inactive"/>
    </s:states>
    <fx:Declarations>
        
        <fx:Component id="dataTip">
            <s:DataRenderer minHeight="24" minWidth="40" y="-34">
                <s:RectangularDropShadow id="shadow" distance="3"
                    angle="90" color="#999999" left="0" top="0" right="0" bottom="0"/>
                <s:Rect top="0" left="0" right="0" bottom="0">
                    <s:fill>
                        <s:SolidColor color="0x000000" alpha=".9"/>
                    </s:fill>
                </s:Rect>
                <s:Label id="labelDisplay" text="{data}"
                         horizontalCenter="0" verticalCenter="1"
                         left="5" right="5" top="5" bottom="5"
                         textAlign="center" verticalAlign="middle"
                         fontWeight="normal" color="white" fontSize="11">
                </s:Label>
            </s:DataRenderer>
        </fx:Component>
    </fx:Declarations>
    
    
    <s:Group id="loadedRangeArea" x="0" y="0" height="11" includeInLayout="false">
        
        <s:Group left="7" right="6" top="0" bottom="0" minWidth="0">
            
            <s:Rect left="1" right="1" top="1" bottom="1">
                <s:fill>
                    <s:SolidColor color="0xD7D7D7" />
                </s:fill>
            </s:Rect>
            
            
            <s:Rect left="1" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
                <s:fill>
                    <s:SolidColor color="0x000000" alpha="0.12" />
                </s:fill>
            </s:Rect>
            <s:Rect left="2" right="1" top="1" height="100%" maxHeight="1" minHeight="0">
                <s:fill>
                    <s:SolidColor color="0x000000" alpha="0.12" />
                </s:fill>
            </s:Rect>
            
            
            <s:Rect right="0" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
                <s:fill>
                    <s:SolidColor color="0x000000" alpha=".5"/>
                </s:fill>
            </s:Rect>
        </s:Group>
    </s:Group>
    
    <s:Group id="playedArea" x="0" y="0" height="11" includeInLayout="false">
        
        <s:Group left="7" right="6" top="0" bottom="0" minWidth="0">
            
            <s:Rect left="1" right="1" top="1" bottom="1">
                <s:fill>
                    <s:LinearGradient rotation="90">
                        <s:GradientEntry color="0xFEFEFE"/>
                        <s:GradientEntry color="0xECECEC"/>
                    </s:LinearGradient>
                </s:fill>
            </s:Rect>
            
            <s:Rect left="2" right="2" top="2" bottom="2">
                <s:fill>
                    <s:LinearGradient rotation="90">
                        <s:GradientEntry color="0xFFFFFF" alpha="0.85"/>
                        <s:GradientEntry color="0xE1E1E1" alpha="0.85"/>
                    </s:LinearGradient>
                </s:fill>
            </s:Rect>
            
            
            <s:Rect right="0" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
                <s:fill>
                    <s:SolidColor color="0x131313"/>
                </s:fill>
            </s:Rect>
        </s:Group>
    </s:Group>
    
     <s:Button skinClass="skin.MyTrackSkin" id="track" horizontalCenter="0" minHeight="14"
                 focusEnabled="false" tabEnabled="false" top="2" bottom="2">
          <s:filters>
               <s:GlowFilter includeIn="normal" blurX="6.0" blurY="6.0" inner="false" color="0x5380d0" strength="1" alpha="1.0" quality="2" knockout="false"/>
          </s:filters>
     </s:Button>
     <s:Button skinClass="skin.MyThumbSkin" id="thumb" focusEnabled="false" visible.inactive="false" tabEnabled="false" verticalCenter="0">
          <s:filters>
               <s:GlowFilter includeIn="normal" blurX="13" blurY="13" inner="false" color="#000000" strength="2" alpha="1.0" quality="2" knockout="false"/>
          </s:filters>
     </s:Button>
     <s:transitions>
          <s:Transition fromState="normal" toState="disabled" autoReverse="true">
               <s:Parallel>
                    <s:Parallel target="{thumb}">
                         <s:Move duration="0" autoCenterTransform="true"/>
                    </s:Parallel>
               </s:Parallel>
          </s:Transition>
     </s:transitions>
</s:SparkSkin>
The track skin:
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
             xmlns:s="library://ns.adobe.com/flex/spark"
             xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
             alpha.disabled="0.5">
    <fx:Metadata>
        <![CDATA[
         * @copy spark.skins.spark.ApplicationSkin#hostComponent
        [HostComponent("spark.components.Button")]
        ]]>
    </fx:Metadata>
    
    <s:states>
        <s:State name="up" />
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="disabled" />
    </s:states>
     <s:Rect bottom="2" top="2" right="0" width="2" alpha="0.84" radiusX="10" radiusY="10">
          <s:fill>
               <s:SolidColor color="#5380D0"/>
          </s:fill>
     </s:Rect>
</s:Skin>
The thumb skin:
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
                xmlns:s="library://ns.adobe.com/flex/spark"
                xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
                alpha.disabled="0.5" >
    <fx:Metadata>
        <![CDATA[
         * @copy spark.skins.spark.ApplicationSkin#hostComponent
        [HostComponent("spark.components.Button")]
        ]]>
    </fx:Metadata>
    
    <s:states>
        <s:State name="up" />
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="disabled" />
    </s:states>
     <s:Ellipse left="0" width="15" height="15" >
          
          <s:fill>
               <s:SolidColor color="#232323" />
          </s:fill>
     </s:Ellipse>
</s:SparkSkin>

This 's all my code custom the dropdownlist skin and vertical scrollbar skin.
The application.mxml
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|Application{
   fontFamily: "Microsoft YaHei";
s|PopUpAnchor{
</fx:Style>
<fx:Declarations>
<s:ArrayList id="arr">
   <fx:String><![CDATA[English]]></fx:String>
   <fx:String>Franch</fx:String>
   <fx:String>Spanish</fx:String>
   <fx:String>Russian</fx:String>
   <fx:String>Chinese</fx:String>
   <fx:String><![CDATA[English]]></fx:String>
   <fx:String>Franch</fx:String>
   <fx:String>Spanish</fx:String>
   <fx:String>Russian</fx:String>
   <fx:String>Chinese</fx:String>
   <fx:String>The End</fx:String>
</s:ArrayList>

</fx:Declarations>
<s:DropDownList skinClass="skin.MyDropDownListSkin" dataProvider="{arr}" width="170" borderColor="0xff1010"
     contentBackgroundColor="0xffffff" contentBackgroundAlpha=".2" borderVisible="true"/>
</s:Application>
The DropDownList skin, I use my vertical scroll bar skin in this file :
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled=".5">

<fx:Metadata>
<![CDATA[
* @copy spark.skins.spark.ApplicationSkin#hostComponent
[HostComponent("spark.components.DropDownList")]
]]>
</fx:Metadata>
<fx:Script fb:purpose="styling">
<![CDATA[
   /* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
   static private const contentFill:Array = ["bgFill"];
    * @private
   override public function get contentItems():Array {return contentFill};
    * @private
   override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
    if (getStyle("borderVisible") == false)
     if (border)
      border.visible = false;
     if (background)
      background.left = background.top = background.right = background.bottom = 0;
     if (scroller)
      scroller.minViewportInset = 0;
    else
     if (border)
      border.visible = true;
     if (background)
      background.left = background.top = background.right = background.bottom = 1;
     if (scroller)
      scroller.minViewportInset = 1;
    if (dropShadow)
     dropShadow.visible = getStyle("dropShadowVisible");
    openButton.setStyle("cornerRadius", getStyle("cornerRadius"));
    if (borderStroke)
     borderStroke.color = getStyle("borderColor");
     borderStroke.alpha = getStyle("borderAlpha");
    super.updateDisplayList(unscaledWidth, unscaledHeight);
]]>
</fx:Script>
<s:states>
<s:State name="normal" />
<s:State name="open" />
<s:State name="disabled" />
</s:states>

<s:PopUpAnchor id="popUp" displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
       left="0" right="0" top="0" bottom="0" itemDestructionPolicy="auto" popUpHeightMatchesAnchorHeight="false"
       popUpPosition="below" popUpWidthMatchesAnchorWidth="true">

<s:Group id="dropDown">
   
   <s:RectangularDropShadow id="dropShadow" blurX="10" blurY="10" alpha="0" distance="2"
          angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
   
   <s:Rect id="border" left="0" right="0" top="0" bottom="0">
    <s:stroke>
     
     <s:SolidColorStroke id="borderStroke" weight="1" color="0xff0000"/>
    </s:stroke>
   </s:Rect>
   
   
   <s:Rect id="background" left="1" right="1" top="1" bottom="1" >
    <s:fill>
     
     <s:SolidColor id="bgFill" color="0x1f1f1f" alpha="0.3"/>
    </s:fill>
    <s:filters>
     <s:BlurFilter blurX="2" blurY="2" quality="2" />
    </s:filters>
   </s:Rect>
   
   <s:Scroller id="scroller" left="10" top="0" right="10" bottom="0" hasFocusableChildren="false" minViewportInset="1" skinClass="skin.MyScrollerSkin">
    
    <s:DataGroup id="dataGroup" itemRenderer="spark.skins.spark.DefaultItemRenderer" top="0" bottom="0" left="0" right="0">
     <s:layout>
      <s:VerticalLayout gap="0" horizontalAlign="contentJustify" requestedMinRowCount="1" requestedMaxRowCount="6"/>
     </s:layout>
    </s:DataGroup>
   </s:Scroller>
</s:Group>
</s:PopUpAnchor>

<s:Button id="openButton" left="0" right="0" top="0" bottom="0" focusEnabled="false" tabEnabled="false"
     skinClass="skin.MyDropDownListButtonSkin" />

<s:Label id="labelDisplay" verticalAlign="middle" maxDisplayedLines="1"
    mouseEnabled="false" mouseChildren="false" left="12" right="30"
    top="2" bottom="2" width="75" verticalCenter="1" />
</s:SparkSkin>
The scrollbar Skin:
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark">
<fx:Metadata>
<![CDATA[
* @copy
spark.skins.spark.ApplicationSkin#hostComponent
[HostComponent("spark.components.Scroller")]
]]>
</fx:Metadata>
<fx:Script>
<![CDATA[
@private
   override public function beginHighlightBitmapCapture()
: Boolean
    var needUpdate:Boolean =
super.beginHighlightBitmapCapture();
    // Draw an opaque rect that
fill our entire skin. Our background
    // is transparent, but we don't want
focus/error skins to
    // poke through. This is safe to do since we don't
have any
    // graphic elements as direct children.
graphics.beginFill(0);
    graphics.drawRect(0, 0, width,
height);
    graphics.endFill(); */
    return
needUpdate;
    * @private
   override
public function endHighlightBitmapCapture() : Boolean
    var
needUpdate:Boolean = super.endHighlightBitmapCapture();
    // Clear
the rect we drew in
beginBitmapCapture();
    graphics.clear();
    return
needUpdate;
]]>
</fx:Script>

<s:VScrollBar id="verticalScrollBar" visible="false"
skinClass="skin.MyScrollBarSkin"/>

<s:HScrollBar
id="horizontalScrollBar" visible="false" />
</s:SparkSkin>

JDeveloper 10.1.3 EA1 and custom skin problem

It appears that my custom skin I created using ADF EA19 no longer works with JDev EA1. Is this a known issue, or is there something extra I have to do now to get my custom skin to work correctly?
The funny thing is that some of my custom images (e.g.. commandButton) work fine, but none of my color or font changes appear to work.
Any help would be appreciated. Thanks.

Oops, just 1/2 answered my own question.
Firefox appears to be caching something, as if you hit the refresh button, colours will change according to your css file modifications. Is there some sort of assumption by the browser that the css file will change rarely, so it doesn't check for a new version when the page is loaded?
However hitting the refresh button doesn't change the font to one of the random fonts on my system. Oddly it works in Internet Explorer though. Is that because IE knows my system fonts, while Firefox doesn't?
To change the font I added the following entry to the purpleSkin.css file:
.AFDefaultFontFamily:alias {font-family:Courier New;}Questions.... questions....
CM.

Cap 4 - Pre-load screen spammed by custom skin

Hi,
Using Cap4 on Vista.
Made some recordings and created a custom template for publishing. The template uses the Allumnium playbar. I created a grey box (of the same shade as the playbar) with the authors name and date of the same height of the playbar so it looks seamless.
I've named this template "template1" and is applied to all published movies. It displays fine once the movie is loaded.
The issue is when the movie is loading. For the first few seconds while it is loading, this custom grey box is spammed all the way up the movie page. It engulfs the entire page until the movie is loaded completely and then displays correctly.
I tried to add a loading progress bar but this just puts it in over the custom skin. I was hoping ideally for a plain white screen until the movie is loaded (it should take 5 seconds MAX to load these movies as they will be viewed over a LAN).
Does anyone have any ideas or tips?
Thanks for your help,
Eoin.

Hi there
Try clicking Edit > Preferences... > Project > Start and End. See that area for the Preloader? As it is enabled already, you should be able to click the ellipsis icon. Choose the image you want to use. I might suggest using a screen capture of the credits. Or, just turn off the preloader entirely, as you believe it should load very quickly.
Cheers... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks

Customized Skins in Non-English Projects

I have a customized skin that when used non-English projects,
it omits special characters in the buttons for Contents and Index.
I didn't create the skin so I don't have Flash. Any suggestions on
how to fix the buttons to display the missing characters?

If she's no longer with the company and she was using Flash,
could it by chance be a company license for Flash that you could
take over...?
Rick referred to the LNG file, which exists in both the
source files and the output files. Do the copying and pasting with
the source versions. (The output version will be overwritten from
the source version every time.)
If Rick's suggestion doesn't work, the only other thing I can
think of would be to check the .fla files themselves in Flash. The
person who tweaked the files may have done something to the dynamic
text fields for the button labels. If you can get a copy of Flash,
you could check two things on the button label text field
(double-click the Label object twice to get to this point):
1. See if "Use device fonts" is selected in a dropdown on the
left side of the Properties panel. This selection won't let you
embed fonts. If it's selected, try #2 below instead. If it isn't,
select it, export the movie, and put it in your output files.
2. Change "Use device fonts" to "Anti-alias for animation."
Click the Embed button. Select every option with Latin in it, and
click OK. Export to a movie, and put it in your output files.
Note that you'd have to do this for each button that isn't
displaying the characters properly.
Hope this helps,
Ben

Can you call a public method in a custom skin?

I made a custom skin for a button. In the skin there's a method to change some text. Can I call this method from my application?
I get an error message when I try to call it like a normal object:
uploadNewBtn.setNewPhotosLabel("test");
Error 1061: Call to a possibly undefined method setNewPhotosLabel through a reference with static type spark.components:Button.

You said it yourself, the method is inside skin not the HostComponent (button in your case). Obviously you cannot call it.
There is a skin protperty inside SkinnableComponent, but it is typed as UIComponent so you still cannot cal it on the skin without casting. I don't know your use case, so in theory you either push the text/label from the host towards the skin, or you listen or bind from the skin on the hostcomponent.
C

ADF Faces: How to position define table navigation in custom skin?

Hi,
I played a bit with custom skins. I'am just wondering how you can choose the location of the navigation button ( << Previous | 1-10 of 32 | Next >> )
For example, if I use the oracle skin, it appears both at the top and at the bottom. In an other skin I used, the navigation was only at the top and not at the bottom. I just can't figure out how this is determined in the css stylesheet, or is it simply not possible because the custom skin is derived from the Simple skin?

Add the following to the css for your skin:
af|table::control-bar-bottom
visibility:hidden;
This will hide the bottom control bar, which contains the navigation at the bottom of the table, from view.
Regards,
Ric

ADF menuTabs skin issue

JDeveloper 10.1.3.3, ADF Faces
Hi,
I'm trying to create a custom skin for my ADF Faces application. I use this sample: http://www.oracle.com/technology/products/jdev/101/howtos/adfskins/index.html
There is a code snippet:
<af:menuTabs>
    <af:commandMenuItem text="Home" selected="true"/>
    <af:commandMenuItem text="Settings"/>
    <af:commandMenuItem text="Help"/>
</af:menuTabs>
{code}
The problem appears if I remove selected="true" attribute from the first commandMenuItem. Then initially none of the tabs is selected and af|menuTabs::enabled-start-icon is missing. In my own application one additional af|menuTabs::enabled-start-icon in front of the first tab and one additional af|menuTabs::enabled-end-icon beyond the last tab are displayed. When one of tabs gets selected these additional images disappear.
Is this a bug or an error in my own code?
Thanks,
Marius

Hi,
since you are not showing your code, its hard to tell if this is an implementation problem. However, to me this sounds like a bug still. However, I could not find an entry in teh bug database for this scenario
Frank

How to develop custom skin in JDeveloper 11g?

Hi All
I am using JDeveloper 11g(11.1.1.3.0). Could anyone please tell me how to create custom skins.
Regards
Venkat.S

Thank you very much Navaneeth.. now I am able to create custom skin.
Now one more help, currently I am using "fusion" as default skin how to extend it with our custom skin. So that i can use few features of "Fusion" skin and few from my custom skin.
If I disable inputtext it will be in "Grey color" i need it in white color. how to do it?

Resizing controls with custom skin

Hi,
Can someone tell me how to make a spark control with a custom skin made in Catalyst to behave like a standard unskinned control when resized in design view of Flash Builder or during runtime? In other words I want it to behave like it's 9-sliced. For example, I've made a simple and ugly rounded skin for TextInput in Catalyst like this:
<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:s="library://ns.adobe.com/flex/spark" xmlns:fx="http://ns.adobe.com/mxml/2009">
     <fx:Metadata>[HostComponent("spark.components.TextInput")]</fx:Metadata>
     <s:states>
          <s:State name="normal"/>
          <s:State name="disabled"/>
     </s:states>
     <s:Group x="0" y="0">
          <s:Rect height="31" radiusX="5" width="182" x="0.5" y="0.5">
               <s:stroke>
                    <s:SolidColorStroke caps="none" color="#000000" joints="miter" miterLimit="4" weight="1"/>
               </s:stroke>
               <s:fill>
                    <s:SolidColor color="#FF90CD"/>
               </s:fill>
          </s:Rect>
          <s:RichEditableText color="#2B4381" fontFamily="Arial" fontSize="12" tabStops="S0 S50 S100" x="11" y="11" width="161" heightInLines="1" id="textDisplay"/>
     </s:Group>
</s:Skin>
How to do that in this example?
I have searched everywhere on the net, and in a 1000 page book I have about Flash Builder and Flex and couldn't find even a single example. And I need this if I want to make something like resizable web form with a resize grip or resizable options panel.
Thanks in advance,
Petar

I've got an answer but on other forum. Here is link if someone finds answer to this question useful: http://stackoverflow.com/questions/3299385/resizing-flex-spark-control-with-a-custom-skin

How to implement custom skin in JavaFX 2.0?

To implement custom skin, I extend TextFieldSkin (in com.sun.javafx.scene.control.skin.*) class, but I don't know which methods to overwrite, anyone can provide some sample codes? Thanks!

Hi,
You can implement Skin interface or extend SkinBase class. I made some controls on my blog http://jojorabbitjavafxblog.wordpress.com/ but i still have not updated code to build 40. In my opinion the easiest way is to make first skin for Button class for example add text and Rectangle.

Can Custom skin download font if not installed?

Hi
I have an ADF BC application written in JDev 10.1.3. It uses a customer skin so our various customers can implement their own look and feel. One of our customers requested the Futura font which worked fine on my PC because I have the futura font installed but when I deployed it to the custoemr the skin reverted to a different font because Futura was not installed on their PC.
Is it possible to have an ADF page download a font if it cannot find it installed?
I found this html code which is supposed to achieve that
<STYLE TYPE="text-css">
@font-face (
font-family:familyName;
font-style:normal;
font-weight:normal;
src:url("someFont.eot") )
</STYLE>
Is it possible to integrate the above code into an ADF page?
thanks
paul

Hi
Thanks for the replies.
I read the link that Frank posted and read a little bit around the subject of web fonts. It seems that this feature is not widely supported by browsers and indeed I am using FF2 and could not get John's suggestion to work. Our customer uses primarily IE and FF and it seems that this feature is not currently supported by either of those browsers. IE only allows use of the EOT font format and FF3.5 supports web fonts but is still in beta.
It doesn't look like we are going to be able to implement this feature for our customer so I might have to ask them to select a [web safe font|http://en.wikipedia.org/wiki/Web_safe_fonts]
thanks
paul

Save Custom Skin

i have a custom skin made- how do i save it to the skin
selections so i can connect it to the flv's?
tks!!

Hang on - I think I just stumbled across the solution. I wan't pressing Enter after typing in the hex code. That seems to be the trick ;>)

Trying to re-create our 10g custom skin in 11g

Hi Everyone:
We had a detailed custom skin and also utilized customized velocity templates that created a specific look and feel to our application in 10g. We used a header.jspx & leftside.jspx that were in the region-metadata.xml file. The JHeadstart team assisted a previous employee with setting all of this up.
We are trying to convert our applications over from 10g to 11g and think that enhancements such as the "tree" layout will replace needing a leftside.jspx page that listed the menu links along the left side instead of folders across the top. We have gone through the 11g Tutorial and read chapter 19 "Applying Custom Skins to Applications" of the "Web User Interface Developer's Guide for Oracle Application Development Framework". While working on a simple webpage to start with in our application, we registered the custom skin as specified in "Applying Custom Skins to Applications", but things look very different, and I'm trying to get a handle on how to re-apply the look and feel now that this section of our application has been converted to 11g and properly utilize the new features of 11g that weren't available in 10g. To start with, we had a custom Logo on our Application that I would like to show up on the Header of the Application in the same spot where the "Oracle JHeadstart Demo" title is displayed. I am trying to study the custom_labels.vm velocity template, but am not sure where to apply this. The logo is in the form of a .gif file.
Can someone tell me how to put our custom logo .gif file in the Header where the Oracle JHeadstart Demo title is displayed and have it generated through JHeadstart?
Starting there can hopefully open up ideas on how to apply the rest of our look and feel utilizing all of the new features of 11g, not just replicating things as they were done in 10g.
Thanks very much in advance.
Mary
UofW

Hi Steven:
Great to hear from you, I was hoping you'd reply :)
I followed your instructions, and also changed the header and footer size attributes (headerGlobalSize & footerGlobalSize) to accommodate our larger .gif Logo. So far, so good. I made these changes in the default layout velocity template - jhsPageTemplate.vm which generates the JhsPageTemplate.jspx page. Starting to work toward the look and feel our users want. However, I was hoping to use the tree layout. I want to institute these changes in the JhsTreeMenuPageTemplate.jspx, but I am unable to find the velocity template that generates the JhsTreeMenuPageTemplate.jspx.
Could you please tell me where it is?
Thanks again, and Merry Christmas to you and yours.
Mary
UofW

ViewMenuItem do not appear when applying custom skin on ViewNavigatorApplication

ViewMenuItems works fine when I don't apply skinClass fo ViewNavigatorApplication, but when I apply custom skin to ViewNavigator, ViewMenuItems doesn't appear.
Here is my main file
<?xml version="1.0" encoding="utf-8"?>
<s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                            xmlns:s="library://ns.adobe.com/flex/spark" firstView="views.DriveSafeHomeView" applicationDPI="160"
                             initialize="applyRuntimeStyleSheet()" skinClass="skins.CustomApplicationSkin" >
    <fx:Declarations>
        
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            public function applyRuntimeStyleSheet():void {
                styleManager.loadStyleDeclarations("css/Styles.swf")
                    // skinClass="skins.CustomApplicationSkin"
        ]]>
    </fx:Script>
</s:ViewNavigatorApplication>
Code for CustomApplicationSkin.mxml is
<?xml version="1.0" encoding="utf-8"?>
<s:Skin name="CustomApplicationSkin"
                xmlns:fx="http://ns.adobe.com/mxml/2009"
                         xmlns:s="library://ns.adobe.com/flex/spark"
                                   >
        <fx:Metadata>
                    <![CDATA[
                    [HostComponent("DriveSafe")]
                    ]]>
                </fx:Metadata>
        <s:states>
                    <s:State name="normal" />
                     <s:State name="disabled" />
                 </s:states>
        <s:BitmapImage width="100%" height="100%" source="@Embed('/assets/background.jpg')"/>
        <s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0" />
        <s:ViewNavigator id="navigator" width="100%" height="100%" />
</s:Skin>

If you create a new custom field you have to wait for the analytics refresh before you can use it in reporting & analytics. The frequency of the refresh differs per environment. You can put VALUEOF(LAST_REFRESH_DT) in a column formula to see when the last refresh has been performed.
Regards, Tim

Custom skin issue

Similar Messages

Maybe you are looking for